解决vue attr取不到属性值的问题


Posted in Javascript onSeptember 18, 2018

js:

$(document).ready(function() {
  $.get("/account/authGroupInfo",{id:groupId}, function(data) {
    var arr = data.data.rules.split(",");
    console.log(arr);
    $.get("/account/allRule",{}, function(result) {
      ruleList.options = result.data;
//问题所在
      ruleList.$nextTick(function () {
        $(".auth_rules").each(function () {
          if($.inArray($(this).attr("id"),arr)>-1) {
            $(this).prop('checked',true);
          }
        })
      })
    });
  });
});

html:

<tr v-for="value in options">
  <td><input type="checkbox" id="{{value.id}}" value="{{value.id}}," class="auth_rules">{{ value.title }}</td>
</tr>

使用

ruleList.$nextTick(function () {}) 拿到更新后的dom

以上这篇解决vue attr取不到属性值的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQeury淡入淡出需要注意的问题
Sep 08 Javascript
IE下js调试工具Companion.JS
Oct 15 Javascript
jquery选择器的选择使用及性能介绍
Jan 16 Javascript
JQuery文字列表向上滚动的代码
Nov 13 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
jQuery中[attribute^=value]选择器用法实例
Dec 31 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
详解Vue爬坑之vuex初识
Jun 14 Javascript
前端主流框架vue学习笔记第一篇
Jul 26 Javascript
JS实现获取进今年第几天是周几的方法分析
Jun 27 Javascript
20道JS原理题助你面试一臂之力(必看)
Jul 22 Javascript
vue动画打包后失效问题的解决方法
Sep 18 #Javascript
vue自定义全局共用函数详解
Sep 18 #Javascript
vue-自定义组件传值的实例讲解
Sep 18 #Javascript
vuex actions传递多参数的处理方法
Sep 18 #Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 #Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 #Javascript
Vue中 key keep-alive的实现原理
Sep 18 #Javascript
You might like
文章推荐系统(二)
2006/10/09 PHP
PHP5+UTF8多文件上传类
2008/10/17 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
2014/06/04 Javascript
node.js中的url.format方法使用说明
2014/12/10 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
js 获取html5的data属性实现方法
2017/07/28 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
2017/09/10 jQuery
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
Python 爬虫学习笔记之多线程爬虫
2016/09/21 Python
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
python 控制Asterisk AMI接口外呼电话的例子
2019/08/08 Python
Python3 合并二叉树的实现
2019/09/30 Python
django框架ModelForm组件用法详解
2019/12/11 Python
Python正则表达式急速入门(小结)
2019/12/16 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
CSS3只让背景图片旋转180度的实现示例
2021/03/09 HTML / CSS
英国Amara家居法国网站:家居装饰,现代装饰和豪华礼品
2016/12/15 全球购物
全球最大的在线橄榄球商店:Lovell Rugby
2018/05/20 全球购物
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
三维科技面试题
2013/07/27 面试题
团委书记的竞聘演讲稿
2014/04/24 职场文书
2014年党务公开方案
2014/05/08 职场文书
乡镇民主生活会发言材料
2014/10/20 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
MySQL 视图(View)原理解析
2021/05/19 MySQL