vue引用vue-ueditor-wrap组件,一个页面要多次渲染UEditor编辑器时,v-mode绑定失效,v-mode值改变编辑器内容不改变解决方式
2019-02-22 11:25
2366 查看
**
vue引用vue-ueditor-wrap组件,一个页面要多次渲染UEditor编辑器时,v-mode绑定失效解决方式
**
博主ueditor编辑器使用情况是在一个el-dialog弹出框里,每次打开都要渲染不同的数据,但是这时候给绑定的v-mode赋值无法改变编辑器里的内容,只有初次赋值有效。直接改变v-mode绑定的值是不行的。
首先是在页面引入编辑器组件
然后配置一些编辑器的基本参数
在引入编辑器的时候注意加入一个 @ready="方法名"方法如图二,用来获取到编辑器对象的key,
,
然后给弹出框添加一个关闭事件@close=‘方法名’,每次关闭的时候手动获取到编辑器对象并将其值变为空,
使用UE.getEditor()方法获取到对象,其中第一个参数是之前获取到的key,第二个是编辑器配置,在使用setContent()方法将其值变为空。同时也要对v-mode绑定的值赋值。
每次打开弹出框加载编辑器的时候同理
这里需要做个判断当编辑器的key不为空的时候使用上述方法获取到编辑器对象并进行赋值,同时也要对v-mode绑定的值赋值。
相关文章推荐
- Vue页面渲染载入闪屏 出现vuejs的变量名 解决方式:v-cloak 命令
- vue同一solt在组件中渲染多次解决办法
- vue-router 多个路由地址绑定一个组件造成 created 不执行的解决方法
- 解决vue同一slot在组件中渲染多次的问题
- 用vue+Element-ui写一个后台管理界面,点击头部导航对应显示下方左侧导航菜单,点击左侧菜单对应显示右边内容,点击右边内容的按钮出现一个新页面依旧能够选中左侧相应菜单,求解决???!!!!
- vue-router 多个路由地址绑定一个组件造成 created 不执行的解决方法
- 键盘enter事件一个页面绑定多次
- IE下IFrame引用跨域站点页面时,Session失效问题解决
- 2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面
- 在CHtmlView中,判断一个页面加载完成的准确方法,解决OnDocumentComplete多次调用问题
- vue.js几种不同组件(页面)间传值的方式
- websocket开启多个页面访问同一个连接会失效的问题解决方法
- IFrame引用跨域站点页面时,Session失效问题解决
- javascript简单选项卡,一个页面可多次引用
- 浅谈Vue项目实战(页面渲染+事件绑定)
- 再谈页面内容重新加载时候出现radio绑定事件失效的问题
- js replace 全局替换 以表单的方式提交参数 判断是否为ie浏览器 将jquery.qqFace.js表情转换成微信的字符码 手机端省市区联动 新字体引用本地运行可以获得,放到服务器上报404 C#提取html中的汉字 MVC几种找不到资源的解决方式 使用Windows服务定时去执行一个方法的三种方式
- 完美解决Vue+element-ui 中upload组件使用多个时无法绑定对应的元素
- 【111】Vue.js实现页面共用头部悬浮、共用底部跟随内容改变位置的例子。
- jQuery live 重复绑定,导致多次执行的解决方式