一、与 avue-crud 结合使用
注意:此处引入 AvueUeditor 即可,无需注册等
使用:
params 中的值作为图片上传的参数等
options 的值如下:上图中的params在另一项目中可以,但这个项目中不能加params,暂不知原因
注意:插件版本为 ^ 0.0.10,^ 的意思为取 0.0.x 的最新版
另:main.js 中如下,但是经测试,注释掉这2行也可以使用。
二、直接使用 插件
以上方法可以。
<avue-ueditor v-model="text" :options="options"></avue-ueditor>
data() {
return {
text: "",
options: {
//普通图片上传
action: "https://avuejs.com/imgupload",
customConfig: {},//wangEditor编辑的配置
props: {
res: "data",
url: "url"
},
//七牛云oss配置
qiniu: {
AK: "",
SK: "",
scope: "test",
url: "http://pm7cc17lu.bkt.clouddn.com/",
deadline: 1
},
//阿里云oss配置
ali: {
region: "oss-cn-beijing",
endpoint: "oss-cn-beijing.aliyuncs.com",
accessKeyId: "",
accessKeySecret: "",
bucket: "avue"
}
},
};
},