vuejs
I_recluse
这个作者很懒,什么都没留下…
展开
-
vue中使用element ui的el-table在el-table-column下使用slot插槽v-if条件渲染没生效或者混乱
vue 引入element ui中的el-table组件时,在el-table-column下使用作用域插槽,通过v-if条件来动态显示某些元素,发现有的条目渲染没生效或者混乱原创 2022-09-21 15:40:43 · 6460 阅读 · 1 评论 -
vue+elementui form多表单校验
vue+elementui,使用form表单时,有时需要用到多表单一起验证,待都校验通过后再执行后续动作。解决方法:先对每一个表单进行校验,返回一个promise对象,然后使用Promise.all方法对所有返回的promise对象判断,全部是fulfilled的时候执行后续逻辑。代码如下:<template> <div> <el-form ref="form1" :model="form1" :rules="rule原创 2021-12-01 16:12:04 · 2604 阅读 · 0 评论 -
vue2.x filters中使用data中数据
在vue2.x中使用filters功能,如果想在filter中使用this调用data中的数据,会报错,因为this不是指向vue组件实例。 如果想用data中的数据,一般有两种方式:1.在使用filter时传入data中数据,如:<template> <div> 目前选择的是:{{ type | convertText(list) }} </div></template><script&...原创 2021-12-01 11:11:11 · 2323 阅读 · 0 评论 -
vuejs2.0以上版本组件命名的问题
最近写组件的时候,发现调用组件时没有生效,代码如下:<div id="component1"> <firstComponent></firstComponent></div><script> Vue.component('firstComponent',{ template: '<h2&原创 2018-10-29 16:33:44 · 1160 阅读 · 0 评论 -
vuejs双向数据绑定
vuejs 双向绑定给我们开发带来了很大的方便,主要用在表单中,通过v-model指令实现。那么什么是双向数据绑定?下面这张图可以很好的说明:绑定的双方:view层的DOM和Model层的javascript对象。第一层绑定:将javascript对象数据通过vuejs实现的规则绑定到DOM中。上代码:这是从JavaScript对象向DOM绑定,即通过vm实例的data...原创 2018-10-27 15:30:02 · 1402 阅读 · 0 评论 -
vue中v-for循环选中点击的元素并对该元素添加样式
相信大家都会遇到这种情况:v-for循环时,我只需要点击到的元素做出相应反应,其他的元素不变;但是往往所有v-for循环出的元素都会变化。如下面的代码:我需要点击到的元素添加一个类样式,其他元素不变,但是这样会导致所有的元素都会变化html:<div v-for = "(item,index) in items" :class = 'addclass:isactive' @cli...原创 2019-01-13 12:46:09 · 18694 阅读 · 8 评论 -
用常量替代 Mutation 事件类型之在vue组件中提交数据(报错[vuex] unknown mutation type)
vuex中为了代码看起来简洁清晰,常常使用常量替代Mutation事件类型,但是在vue组件中怎么使用常量执行提交操作,也让我纠结了半天,这里记录下。那么在vue组件中怎么执行提交操作呢,我的直观想法是这样的:这样的话会报错:[vuex] unknown mutation type: mutationTypes.SOME_MUTATION1正确的做法是:mutati...原创 2019-04-11 14:55:17 · 3210 阅读 · 2 评论