vuejs
文章平均质量分 51
FLTmiao
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vuejs中$set怎么修改指定数组中的对象属性的值
定义处 data(){ return { arrlist:[{value:1,name:aa},{value:2,name:vv}], oneJson:{ old:12, page:33 } } } 使用$set修改数组的value值 this.$set(数组,下标,修改值) 如:this.$set(this.arrlist,1,{v...原创 2021-11-04 14:37:21 · 8424 阅读 · 1 评论 -
vue对table数据增删改,并且视图实时更新
vue对table数据增删改,并且视图实时更新 addData(){ this.$set( table, index,//插入的下表,一般为table.lenth即表尾 {键:值,键:值,,,,,,} ); } this.table.splice(index,1); this.$set( table,//当前数组 index,//当前数据的下标 {键:值} ); ...转载 2020-10-21 11:36:32 · 4160 阅读 · 0 评论 -
使用vuejs获取两个数组id,如果某一个数组id成功匹配另一个数组内id,那么就勾选
这篇文章是使用vuejs获取数组,其中一个数组里面包含全部的数值,另一个数组只有一部分数值,要做的就是第二个数组去匹配第一个数组,匹配相同的情况下,给这个相同的数值打上钩,如下图 项目地址:https://github.com/fengliting/vue-array,后续代码解说就不会全部都打上 html是遍历全部的数组 {{item.value原创 2017-12-08 16:06:10 · 22803 阅读 · 1 评论 -
vue2.x自定义组件上使用v-model指令
我们都知道v-model是双向数据绑定经常用到的指令,今天学习到在组件上使用v-model指令,感觉还挺不错的,分享一下 总数{{total}} Vue.component('my-component',{ template:'+1', data:function(){ return { counter:0 } }, methods:{ handleClick:原创 2017-12-13 14:47:02 · 2607 阅读 · 0 评论 -
用vuejs写一个分页组件
今天记录用vuejs2来写一个分页组件 有些注解定义我说的并不是很准确,主要是方便自己理解写的,请大家包涵 ... 代码的github网址 : https://github.com/fengliting/vue-page,里面给了详细的注解和补充一些方法,如果喜欢给颗星星吧 页面的html > 解释:@on-bottompage="bottompage":点击提交分页原创 2017-12-06 14:39:04 · 2224 阅读 · 0 评论 -
vuejs2实现全选和反选,不使用id
使用vuejs2实现全选和反选,其实网上都有很多的教程了,这一次我写,主要是使用index,而不是使用id,因为有些时候,如果数据传输过多,后端不会给id的,这时候,就需要使用index来进行全选的功能,其实都大同小异,大家可以根据自己的需求进行修改 github的项目地址:https://github.com/fengliting/vue-checked,如果喜欢给本文一个赞!原创 2017-12-06 17:41:20 · 2343 阅读 · 0 评论 -
vue.js中router.push跳转页面、带参数、设置参数的方法
router.push(location) 在vue.js中想要跳转到不同的 URL,需要使用 router.push 方法。 这个方法会向 history 栈添加一个新的记录,当用户点击浏览器后退按钮时,则回到之前的 URL。 当你点击 <router-link> 时,这个方法会在内部调用,所以说,点击 <router-link :to="..."> 等同于调用 r...转载 2018-09-04 14:32:16 · 39856 阅读 · 2 评论 -
vuejs中怎么动态添加class
用的比较多的方法: ① <div class="main" :class="{'maindev':type=='123'}"></div> //前面是需要的class名称,后面是判断条件 ② <div :class="{type=='123' ? 'classaa' : 'classbb'}"></div> //这种是多个clas原创 2019-02-26 10:22:33 · 6388 阅读 · 0 评论 -
vuejs mixins使用
在项目中,有些时候select下拉选择框的内容不一定是后端传的,有时候需要前端写死,但是很多页面的下拉框都可能使用到同一个下拉框的内容,自己又不想每个页面都写一遍,咋办?这个时候就需要用到vuejs的mixins混入 首先建立一个js,可以随意命名 我这里命名是allList,在里面写上用到的下拉框内容 注意:这些内容最好写在computed里面,因为当这里面的值变换,调用的地方也会跟着变化...原创 2019-06-21 16:21:04 · 606 阅读 · 0 评论
分享