![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
AKA小徐
文章部分内容也是来源与网络,如有影响到大家的利益,麻烦作者联系我删除,请多多包含。
展开
-
Nuxt.js和SpringBoot项目 出现Content type ‘application/x-www-form-urlencoded;charset=UTF-8‘ not supported
出现原因:在Vue中前端通过created()初始化方法,调用后端数据。后端接收参数为@RequestBody(required = false) 。如果前端传参时不传入这个@RequestBody请求体,就会报Content type ‘application/x-www-form-urlencoded;charset=UTF-8’ not supported错误。解决办法:把created()改为mounted() 即可。原因:你问我,我也不知道。。。...原创 2022-04-18 15:19:51 · 1104 阅读 · 0 评论 -
解决办法:wangeditor报错:this.editor.txt.html 显示‘txt’ undefined未定义,Cannot read property ‘txt‘ of undefined
一、最近在项目上用了wangeditor富文本编辑器,可以正常输入编辑。但是在对数据进行回显到编辑器的时候报错了,显示Cannot read property ‘txt’ of undefined。搞了好久,一直以为是不是自己没导入啥依赖,但事实不是。是因为自己没有正确创建编辑器editor实例所以它无法调用自己原本的方法txt。二、报错原因:创建editor实例 和 获取后端数据 和回显数据这个三个方法的顺序搞错了。三、正确顺序:-1、在created(){} 中先获取后端数据然后回显数据。-2原创 2022-04-15 22:19:40 · 3247 阅读 · 0 评论 -
设置<p>段落单行显示,溢出内容文字用“...“代替
1、显示位置<section> <div id="box"> <p class="c-999 f-fA" v-html="article.description">{{article.description}}</p> </div></section>2、对p标签进行样式修改<style>#box p { /* 设置宽高可以解决显示两个省略号的问题*/ width: 620px; /*宽高原创 2022-04-14 14:19:42 · 1507 阅读 · 0 评论 -
Nuxt.js中引用vue-quill-editor富文本编辑器教程
1、安装npm install vue-quill-editor2、在plugins目录下创建vue-quill-editor.js文件, 添加内容为:import Vue from 'vue'import VueQuillEditor from 'vue-quill-editor/dist/ssr'Vue.use(VueQuillEditor)3、把富文本编辑器作为一个组件来使用。所以在components目录下创建一个.vue文件,可随便命名。比如 QuillEditor.vue&原创 2022-04-11 17:14:43 · 1585 阅读 · 1 评论