Vue在模板文件中初始化wangeditor，Vue在模板文件中使用钩子函数获取DOMlist.vue 模板文件add.vue

89 阅读 0 评论 59 点赞

我是靠谱客的博主心灵美嚓茶，这篇文章主要介绍Vue在模板文件中初始化wangeditor，Vue在模板文件中使用钩子函数获取DOMlist.vue 模板文件add.vue，现在分享给大家，希望可以做个参考。

list.vue

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 import add from './add';
export default {
data() {
return {
}
},
methods:{
showAdd(){
this.$layer.iframe({
content: {
content: add, //传递的组件对象
parent: this,//当前的vue对象
data:{}//props
},
area:['100%','800px'],
title: '添加笔记'
});
}
}
}

模板文件add.vue

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<template>
<div ref="editor" ></div>
</template>
export default {
data() {
return {
editor:''
}
},created:function () {
//主要是该方法
this.$nextTick(function () {
this.initEditor();
})
},methods:{
initEditor(){
//获取DOM
const editorDOM = this.$refs.editor;
this.editor = new E(editorDOM);
this.initEditorConfig();
this.editor.create();
this.createDisabled = true;
},
//初始化副文本编辑器配置
initEditorConfig(){
}
}
}