echars vue 添加数据没更新_Vue遍历数据，并添加到右侧数组

window.onload = function(){ new Vue({ el:'#my', data:{ lists:[ {name:'张学友1',qq:'23456324',id:1,state:false}, {name:'张学友2',qq:'25155345',id:2,state:false}, {name:'张学友3',qq:'5435525',id:3,state:false}, {name:'张学友4',qq:'5253266',id:4,state:false}, {name:'张学友5',qq:'52436546',id:5,state:false}, {name:'张学友6',qq:'5436745745',id:6,state:false}, {name:'张学友7',qq:'246154',id:7,state:false}, {name:'张学友8',qq:'146464',id:8,state:false}, {name:'张学友9',qq:'4536754',id:9,state:false}, {name:'张学友10',qq:'875464',id:10,state:false}, {name:'张学友11',qq:'353543',id:11,state:false} ], selectorList:[], flag:'show' }, methods:{ addList:function(list){ list.state = true; //当前单击的状态 //ID重复 三种方法 for(var i=0;i0) return; //ES6 this.selectorList.push(list); // this.selectorList = [...new Set(this.selectorList)];  }, delList:function(list,index){ this.selectorList.splice(index,1); //index 位置 1个数 this.lists.forEach((v,i)=>{ if(v.id == list.id) { v.state = false; } }) } } })}

html：

`总好友 ({{lists.length}})`

{{list.name}}({{list.qq}})

`已选择 ({{selectorList.length}})`

{{list.name}}({{list.qq}})

echars vue 添加数据没更新_Vue遍历数据，并添加到右侧数组相关推荐

echars vue 添加数据没更新_vue在使用ECharts时的异步更新和数据加载详解
前言最近在学习eCharts,学习到了异步更新和数据加载这一块,觉着有必要总结一下,方法以后的时候参考学习,在开始本文之前,对eCharts不熟悉的朋友们可以参考下这篇文章:下面话不多说了,来一起看 ...
vue 字典配置_vue遍历数据及字典的方法
数组:数值 {{ item.message }} 数组:数值加索引 {{ item.msg }} {{index}} 字典:key value index {{ value }} {{key}} {{ ...
MySQL 学习笔记（4）— 组合查询、子查询、插入数据、更新/删除表数据、增加/删除表中的列以及重命名表
1. 组合查询 1.表的加减法表的加法,即求 product 和 product2 的并集,UNION 运算会除去重复的记录 SELECT product_id, product_name FROM ...
oracle存储过程实现根据已有数据批量更新另一批数据
declare CURSOR l_c IS select col1,col2 from table1; Begin FOR i IN l_c LOOPdbms_output.put_line(i.co ...
删除表格一行数据并更新后表格数据无变化的解决方法
最近在一个小项目中遇到这样一个问题,我在前端页面中删除表格中的一行数据,数据库中已经删除,且重新更新了数据并显示,但是表格重新显示的还是之前的数据.查阅网上的资料后,尝试网友的方法,使用v-showC ...
vue.js根据数据循环生成表格_vue 遍历数据生成table？
后台数据如下: //银行列表 bankDto: [ 0: {bankName: "中国工商银行", bankCode: "20000001", sName: & ...
vue添加html开启服务器_vue服务端渲染添加缓存
虽然 Vue 的服务器端渲染(SSR)相当快速,但是由于创建组件实例和虚拟 DOM 节点的开销,无法与纯基于字符串拼接(pure string-based)的模板的性能相当.在 SSR 性能至关重要的 ...
vue两个按钮切换_vue点击循环添加列表点击来回切换
1.v-on:绑定一个事件后面放事件名简写 @事件名="函数" 例如: 按钮 var vm=new Vue({ el:'#itany', data:{ msg:'hello' ...
mysql 更新表格数据_mysql更新表格数据库数据
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

echars vue 添加数据没更新_Vue遍历数据，并添加到右侧数组

`总好友 ({{lists.length}})`

`已选择 ({{selectorList.length}})`

echars vue 添加数据没更新_Vue遍历数据，并添加到右侧数组相关推荐

最新文章

热门文章