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 · 7651 阅读 · 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 · 3932 阅读 · 0 评论 -
vuejs mixins使用
在项目中,有些时候select下拉选择框的内容不一定是后端传的,有时候需要前端写死,但是很多页面的下拉框都可能使用到同一个下拉框的内容,自己又不想每个页面都写一遍,咋办?这个时候就需要用到vuejs的mixins混入首先建立一个js,可以随意命名我这里命名是allList,在里面写上用到的下拉框内容注意:这些内容最好写在computed里面,因为当这里面的值变换,调用的地方也会跟着变化...原创 2019-06-21 16:21:04 · 515 阅读 · 0 评论 -
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 · 6278 阅读 · 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 · 38297 阅读 · 2 评论 -
vuejs2实现全选和反选,不使用id
使用vuejs2实现全选和反选,其实网上都有很多的教程了,这一次我写,主要是使用index,而不是使用id,因为有些时候,如果数据传输过多,后端不会给id的,这时候,就需要使用index来进行全选的功能,其实都大同小异,大家可以根据自己的需求进行修改github的项目地址:https://github.com/fengliting/vue-checked,如果喜欢给本文一个赞!原创 2017-12-06 17:41:20 · 2262 阅读 · 0 评论 -
用vuejs写一个分页组件
今天记录用vuejs2来写一个分页组件有些注解定义我说的并不是很准确,主要是方便自己理解写的,请大家包涵 ...代码的github网址 : https://github.com/fengliting/vue-page,里面给了详细的注解和补充一些方法,如果喜欢给颗星星吧页面的html>解释:@on-bottompage="bottompage":点击提交分页原创 2017-12-06 14:39:04 · 2129 阅读 · 0 评论 -
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 · 2498 阅读 · 0 评论 -
使用vuejs获取两个数组id,如果某一个数组id成功匹配另一个数组内id,那么就勾选
这篇文章是使用vuejs获取数组,其中一个数组里面包含全部的数值,另一个数组只有一部分数值,要做的就是第二个数组去匹配第一个数组,匹配相同的情况下,给这个相同的数值打上钩,如下图项目地址:https://github.com/fengliting/vue-array,后续代码解说就不会全部都打上html是遍历全部的数组{{item.value原创 2017-12-08 16:06:10 · 22585 阅读 · 1 评论