![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 55
童 话
这个作者很懒,什么都没留下…
展开
-
关于Vue中使用富文本编辑器的记录
发现保存到数据库中的富文本的HTML,居然能直接显示出来!先是按照这篇文章,使用了vue-quill-editor这个富文本编辑工具,核心代码:然后随便编辑了一些图片 + 文字:然后直接copy上面的html,复制到数据库对应字段(字段类型为longtext)中,然后在vue项目中用v-html绑定:显示效果:目前猜测是因为前端将图片转成了base64格式,所以才能直接显示:...原创 2021-12-29 22:33:56 · 392 阅读 · 0 评论 -
Vue学习踩坑汇总
20211224Vue跳转页面我想从login.vue页面跳转到index.vue页面:首先在main.js中注册/index路由:然后在login.vue中用this.$router.push跳转到index.vue(这里我并没有显式定义 $router,暂时不懂它是如何起作用的):这样就可以了。...原创 2021-12-24 11:37:41 · 725 阅读 · 0 评论 -
IDEA创建vue项目及vue项目中路由的配置
首先参考了这篇文章用idea创建了vue项目。然后我想直接加/login就访问到我新建的Login.vue文件,发现不行(小白有点天真了)。得知需要配置路由才能这样访问到,但配置的过程到处碰壁,直到找到这篇文章才配好。关于路由的配置有几个点记录一下:带id="app"的是App.vue这个文件:路由访问的原理我猜是这样的:...原创 2021-12-23 12:59:22 · 1424 阅读 · 0 评论 -
v-model数据不及时更新的解决方案
通常我们是这样修改v-model绑定的数据的:that.formShowData.a = res.b但有时会出现上述代码执行了,页面不刷新的情况此时只需要用vue自带的$set工具,将上述代码换成下述代码即可:that.$set(that.formShowData, "a", res.b)参考了:https://blog.csdn.net/qq_44970883/article/details/114846028?ops_request_misc=%257B%2522request%255Fi原创 2021-09-03 10:38:44 · 1329 阅读 · 0 评论 -
vue 代码控制复选框的选中和取消选中
关于vue中的复选框,官方文档在这儿其中它是通过这样的方式来控制选中和取消选中的:复制到idea里面:可以看到,直接通过将checked设置为true或者false就可以控制选中和取消选中。但为什么我用就不行呢?几经调试,最后发现,官方这段例子中没加 a-checkbox-group ,而我的代码中是将 a-checkbox 包在 a-checkbox-group 中的。这种情况下, a-checkbox 中对:checked的绑定控制将失效。那要怎么做呢?方法利用 a-checkbox-原创 2021-08-31 11:17:59 · 10200 阅读 · 0 评论 -
vue 列表单个元素的显示和隐藏
项目中有这样一个列表:我想通过代码来控制是上传还是删除但如果常规方法给列表项加v-if的话,三个位置的“上传”不能单独控制,只能三个一起变。因为三个当中的v-if判断条件都是一样的。想要做到单独控制,就需要在v-if的条件里面做文章:像上面这样,每个列表项都有一个对应的record,这里分别为record1、record2、record3事先在data()中定义一个变量isFileUpShow,用来控制“上传”的显示和隐藏:这样操作一下,初始时v-if中的条件 “isFileUpSho原创 2021-08-31 10:55:38 · 1678 阅读 · 0 评论