问题描述
我使用CKeditor 4创建便笺编辑器,这是我的组件
<template>
<v-container fluid pa-3>
<ckeditor v-model="newnote" :config="confignotes" />
<v-layout>
<v-spacer />
<v-flex xs4>
<v-btn
class="mr-0 mb-0 btn-primary"
@click="createnote()"
>
<span class="btn-primary-text">
Create note
</span>
</v-btn>
</v-flex>
</v-layout>
</v-container>
</template>
<script>
import CKEditor from "ckeditor4-vue";
export default{
data(){
confignotes: {
plugins: "mentions,toolbar,basicstyles,list,link,wysiwygarea",mentions: [
{
Feed: this.Feeddata,marker: "@",minChars: 0,itemTemplate: '<li data-id="{id}" class="issue-{type}">{name}</li>',outputTemplate: '<span style="color:blue">{name}<span>',},],newnote: "",methods:{
createnote() {
console.log(this.newnote);
},Feeddata(options,callback) {
var data = this.users; // data brought from the server
if (options.query.length == 0) {
callback(data);
} else {
data = data.filter(item => {
return item.name.includes(options.query);
});
callback(data);
}
},}
}
</script>
问题是,如果我使用:config
属性,属性newnote
保持不变,则它仍然是一个空字符串,但是如果我删除它,代码就可以正常工作,我什至尝试了几种方法更改@change的v模型,但不进行任何更改,该属性随时不会更改
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)