使用vuejs获取两个数组id,如果某一个数组id成功匹配另一个数组内id,那么就勾选
来源:互联网 发布:雅兰 深睡尊享版 知乎 编辑:程序博客网 时间:2024/06/01 14:59
这篇文章是使用vuejs获取数组,其中一个数组里面包含全部的数值,另一个数组只有一部分数值,要做的就是第二个数组去匹配第一个数组,匹配相同的情况下,给这个相同的数值打上钩,如下图
项目地址:https://github.com/fengliting/vue-array,后续代码解说就不会全部都打上
html是遍历全部的数组
<li v-for="item in arr1" >
<div class="checkbox">
<label>
<!--value存在于v-model里面的话,checkbox会自动勾选-->
<input class="chk_1" type="checkbox" @click="choseitem($event.target.value)" v-model="indexs" :value="item.id">
{{item.value}}
</label>
</div>
</li>
js代码
//全部
var list1 = [{value:'Mary',id:1},{value:'Away',id:2},{value:'Ali',id:3},...]
var list2 = [{value:'Mary',id:1},{value:'Away',id:2},{value:'Neinei',id:8},...]
//获取第二个数组里面的对象
getarrayitem:function(){
this.indexs = this.list2.map(function(json){
return json.id
})
}
//选中的值判断是否在第二个数组中
choseitem:function(inputid){
//this.isArr是判断某一个值是否在数组中,可以用原生js实现,也可以使用jquery实现,这里就不贴这个代码了
if(this.isArr(inputid,this.indexs){
console.log("存在第二个数组内")
})
console.log("不存在第二个数组中")
}
阅读全文
0 0
- 使用vuejs获取两个数组id,如果某一个数组id成功匹配另一个数组内id,那么就勾选
- Vue监听一个数组id是否与另一个数组id相同
- 合并两个含有相同id的对象数组
- 使用递归函数,查询数据表将子类ID(包括孙类ID,重孙类ID...)保存为数组
- 数组操作系列之两个数组拼接,改变id从0开始
- 如果上一条插入语句执行成功,获取id号
- mysql 查询数组包含的id
- 在脚本中 使用数组 获取列表中选中的复选框id + 获取选中的单选框的值
- 菜单分类多维数组中.每个数组添加一个id字段.可使用引用
- MySQL之从一个表中的两个Id分别获取另一个表中对应这两个Id的名字
- MySQL之从一个表中的两个Id分别获取另一个表中对应这两个Id的名字
- ThinkPHP写数组插入与获取最新插入数据ID实例
- g() 获得id单一 和class多个数组的class 获取数据push进去
- JS中创建json数组,并获取input中的id和value存储
- ID
- id
- id
- id
- linux内存与java进程之间的关系
- js 解析过程
- Keras使用初体验
- 计算机网络实验报告
- 搭建LAMP(Centos7+Apache+MySQL+PHP)环境
- 使用vuejs获取两个数组id,如果某一个数组id成功匹配另一个数组内id,那么就勾选
- sublime插件大全
- java读取XML文件内容的方法
- C#线程传值到主窗体,主窗体控件接收到数据但是显示不出来,请问是什么问题? (回答)
- opencv3.0.0 for linux
- Tomcat配置Https协议
- 预防XSS攻击,(参数/响应值)特殊字符过滤
- 大数据实时流统计实战
- JS 对象(Object)和字符串(String)互转