解决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 相关文章推荐
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
新发现一个骗链接的方法(js读取cookies)
Jan 11 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
May 11 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
快速掌握Node.js模块封装及使用
Mar 21 Javascript
VUE多层路由嵌套实现代码
May 15 Javascript
推荐VSCode 上特别好用的 Vue 插件之vetur
Sep 14 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
Jul 03 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 Javascript
解决vue+elementui项目打包后样式变化问题
Aug 03 Javascript
element-ui tree结构实现增删改自定义功能代码
Aug 31 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
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
php中fgetcsv()函数用法实例
2014/11/28 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
javascript+dom树型菜单类,希望朋友们一起进步
2007/05/03 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
script标签属性用type还是language
2015/01/21 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
javascript实现倒计时(精确到秒)
2015/06/26 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
AngularJS基础 ng-show 指令简单示例
2016/08/03 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
2017/03/02 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
浅谈js中的this问题
2017/08/31 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
2017/12/06 Javascript
基于vue 实现token验证的实例代码
2017/12/14 Javascript
微信小程序数字滚动插件使用详解
2018/02/02 Javascript
详解Vue中watch对象内属性的方法
2019/02/01 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
2019/05/07 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
JavaScript动态添加数据到表单并提交的几种方式
2019/06/26 Javascript
[15:41]教你分分钟做大人——灰烬之灵
2015/03/11 DOTA
python正则分组的应用
2013/11/10 Python
Django日志模块logging的配置详解
2017/02/14 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
HTML5 Canvas中绘制椭圆的4种方法
2015/04/24 HTML / CSS
世界领先的以旅馆为主的在线预订平台:Hostelworld
2016/10/09 全球购物
Java里面如何把一个Array数组转换成Collection, List
2013/07/26 面试题
高级技校毕业生自荐信
2013/11/18 职场文书
关于护士节的演讲稿
2014/05/26 职场文书
2014年商场工作总结
2014/11/22 职场文书
财务稽核岗位职责
2015/04/13 职场文书
Python&Matlab实现樱花的绘制
2022/04/07 Python