编辑文章时未渲染

来源:10-10 集成 Easymde 编辑器 第四部分:结合页面完成功能

倾城一夜雪

2023-06-02

问题1:
在vue3中操作dom元素的话:将const textAreaRef = ref(null)写在onMounted周期之前是可以的,onMounted钩子函数里写const textAreaRef = ref(null)的话输出结果就是null,是因为onMounted时候真实dom已经挂载完毕后,const textAreaRef = ref(null)相当于手动又设成了null么?

问题2:
点击编辑文章的时候还是不能够初始化渲染,原因应该是在onmouted的时候我的innerValue.value还是个空的,即使初始化时候使用props.modelValue也没用,这个怎么解决
图片描述

写回答

2回答

张轩

2023-06-03

同学你好

请提供一下代码库(git),我在本地帮你调试一下看看问题出在哪里哈

0
2

Best_Coder_LCN

2025-01-13

editor.vue 里 watch props.modelValue 时,更新编辑器的值应该用 instance.value() 方法,而不是innervalue =

我的能正常渲染,改成 innervalue 赋值 就不显示了。

原因猜测: easymde 是个复杂的第三方项目,vue的双向数据绑定是行不通的,你看看editor挂载到dom上的最终呈现,是好多个div嵌套的,所以双向数据绑定,是失败的,所以你改 innerValue 是不会渲染到页面上的。

0
0

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3166 学习 · 2346 问题

查看课程