该指令的作用是dom渲染后触发,因为非vue的插件有的是dom必须存在的情况下才可以执行
Vue。指令(loaded-callback, {
插入:函数(el、绑定vnode) {
绑定。值(el、绑定vnode)
}
}）
之前
npm安装kindeditor
之前
& lt; template>
& lt; div类=発indeditor”比;
& lt; textarea类="表单控件" ref=v模型“kindeditor”=發ocalValue”name="内容" v-loaded-callback=' initKindeditor祝辞& lt;/textarea>
& lt;/div>
& lt;/template>
& lt; script>
导入“. ./. ./. ./. ./. ./node_modules/kindeditor kindeditor-all.js”
导入“. ./. ./. ./. ./. ./node_modules/kindeditor/lang/zh-CN.js”
导入“. ./. ./. ./. ./. ./node_modules/kindeditor/主题/违约/default . '
出口默认{
名称:“kindeditor”,
道具:“选项”,“价值”,
数据(){
返回{
localValue:“
}
},
看:{
localValue:“updateValue”,
价值:“setDefault”
},
创建(){
this.setDefault ()
},
方法:{
initKindeditor () {
var _this=这//默认参数={var选项
uploadJson:“上传/形象”,
宽度:100%,
afterChange () {
_this。localValue=https://www.yisu.com/zixun/this.html ()
}
}//调用外部参数
如果(_this.options) {
我在_this.options (var) {
选择[我]=_this.options[我]
}
}
KindEditor.create (_this。美元refs.kindeditor选项);
},//设置初始值
setDefault () {
这一点。localValue=this.value
},//修改父件的值
updateValue () {
美元。排放(“输入”,this.localValue)
}
}
}
& lt;/script>
之前
用法
& lt; kindeditor:选项="选项" v模型=澳谌荨弊４? lt;/kindeditor>
之前
http://kindeditor.net/docs/option.html
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。
