推荐Elemnet ui
<代码> vue-schart
<代码> npm安装vue-schart - s
& lt; template>
& lt; div id=坝τ谩北?
& lt; schart: canvasId=" canvasId "
: type="类型"
:宽度=翱矶取?
:身高="高度"
:https://www.yisu.com/zixun/data=笆荨?
:选项="选项"
祝辞& lt;/schart>
& lt;/div>
& lt;/template>
& lt; script>
从“进口Schart vue-schart ';
出口默认{
数据(){
返回{
canvasId:“myCanvas”,
类型:“酒吧”,
宽度:500年,
身高:400,
数据:[
{名称:‘2014’,价值:1342},
{名称:‘2015’,价值:2123},
{名称:‘2016’,价值:1654},
{名称:‘2017’,价值:1795},
),
选择:{
标题:近年来商店的总销售额
}
}
}，
组件:{
Schart
}
}
& lt;/script>
<代码> vue-quill-editor
<代码> npm安装vue-quill-editor
<代码> npm安装套筒
从“Vue”进口Vue
从“vue-quill-editor”进口VueQuillEditor
导入“鹅毛/dist/quill.core.css”
导入“鹅毛/dist/quill.snow.css”
导入“鹅毛/dist/quill.bubble.css”
Vue.use (VueQuillEditor)
& lt; template>
& lt; div类=癳dit_container”比;
& lt; quill-editor
v模型="内容"
ref=" myQuillEditor "
:选项=" editorOption”
@blur=" onEditorBlur(事件)”@focus=" onEditorFocus(事件)”
@change=" onEditorChange(事件)”在
& lt;/quill-editor>
v & lt;按钮:点击=" saveHtml "祝辞保存& lt;/button>
& lt;/div>
& lt;/template>
& lt; script>
出口默认{
名称:“应用程序”,
数据(){
返回{
内容:“& lt; p>你好world”,
editorOption: {}
}
计算}:{
编辑器(){
返回这个。refs.myQuillEditor.quill美元;
}，
},方法:{>
& lt; template>
& lt; div>
& lt; mavon-editor ref="编辑" v模型=耙缴北?& lt;/mavon-editor>
& lt;/div>
& lt;/template>
& lt; script>
从“进口{mavonEditor} mavon-editor”;
导入“mavon-editor/dist/css/index.css”;
出口默认{
名称:“创造”,
组件:{mavonEditor},
数据(){
返回{
道格:”,
}
}
}
& lt;/script>
以上所述是小编给大家介绍的Vue搭建后台系统需要注意的问题,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
