解决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 相关文章推荐
JS BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
uploadify在Firefox下丢失session问题的解决方法
Aug 07 Javascript
JS实现的一个简单的Autocomplete自动完成例子
Apr 16 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
Jan 18 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
Apr 13 Javascript
Angularjs为ng-click事件传递参数
Jun 15 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
Aug 07 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
用 js 写一个 js 解释器过程详解
Aug 02 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
php jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
php绘制一个扇形的方法
2015/01/24 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
PHP7 标准库修改
2021/03/09 PHP
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
2007/08/15 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
使用jQuery判断浏览器滚动条位置的方法
2016/05/30 Javascript
jquery 获取select数组与name数组长度的实现代码
2016/06/20 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
2016/06/22 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
Three.js基础学习教程
2017/11/16 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
python实现人人网登录示例分享
2014/01/19 Python
python flask 多对多表查询功能
2017/06/25 Python
图解Python变量与赋值
2018/04/03 Python
在Django中URL正则表达式匹配的方法
2018/12/20 Python
Pytorch释放显存占用方式
2020/01/13 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
Python函数参数定义及传递方式解析
2020/06/10 Python
python软件测试Jmeter性能测试JDBC Request(结合数据库)的使用详解
2021/01/26 Python
新加坡第一大健康与美容零售商:屈臣氏新加坡(Watsons Singapore)
2020/12/11 全球购物
大学新生欢迎词
2014/01/10 职场文书
初中音乐教学反思
2014/01/12 职场文书
开展读书活动总结
2014/06/30 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
交通安全横幅标语
2014/10/07 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
听课评课活动心得体会
2016/01/15 职场文书
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS