vue项目中使用ueditor的实例讲解 - 行业资讯 - 肥雀云

<强>以vue-cli生成的项目为例

　　　　　　& lt;脚本type=" text/javascript charset=" utf - 8 " src=" https://www.yisu.com/zixun/static/ueditor/ueditor.config.js "祝辞& lt;/script> 　　& lt;脚本type=" text/javascript charset=" utf - 8 " src=" https://www.yisu.com/zixun/static/ueditor/ueditor.all.min.js "祝辞& lt;/script> 　　　　

　　　　　　外部:{ 　　“问题”:“问题”, 　　}, 　　　　

　　　　　　& lt;脚本type=" text/javascript祝辞　　窗口。UEDITOR_HOME_URL="/静态/ueditor/";//配置路径设定为ueditor所放的位置　　& lt;/script> 　　　　

　　　　　　& lt; template> 　　& lt; div> 　　& lt; mt-button @click=" geteditor () " type="危险"祝辞获取& lt;/mt-button> 　　& lt;脚本id="编辑" type=" text/plain”祝辞& lt;/script> 　　& lt;/div> 　　& lt;/template> 　　& lt; script> 　　const问题=要求(“问题”);//eslint-disable-line 　　出口默认{ 　　名称:“editorView”, 　　数据:()=比;（　　｛　　编辑:空, 　　} 　　），　　方法:{ 　　geteditor () { 　　console.log (this.editor.getContent ()); 　　}, 　　}, 　　安装(){ 　　这一点。编辑=UE.getEditor(“编辑器”); 　　}, 　　摧毁了(){ 　　this.editor.destroy (); 　　}, 　　}；　　& lt;/script> 　　& lt; style> 　　& lt;/style> 　　之前　　　　

以上这篇vue项目中使用ueditor的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。