解决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 相关文章推荐
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
Dec 06 Javascript
JavaScript 页面编码与浏览器类型判断代码
Jun 03 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
原生js页面滚动延迟加载图片
Dec 20 Javascript
js实现文字垂直滚动和鼠标悬停效果
Dec 31 Javascript
用js制作淘宝放大镜效果
Oct 28 Javascript
详解vue数据渲染出现闪烁问题
Jun 29 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
Vue打包后访问静态资源路径问题
Nov 08 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 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
星际RPG字典
2020/03/04 星际争霸
php中的比较运算符详解
2013/10/28 PHP
php实现上传图片生成缩略图示例
2014/04/13 PHP
PHP实现限制IP访问的方法
2017/04/20 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
Javascript select下拉框操作常用方法
2009/11/09 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
jQuery实现动态删除LI的方法
2017/05/30 jQuery
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
axios发送post请求,提交图片类型表单数据方法
2018/03/16 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
浅析JS中回调函数及用法
2018/07/25 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
JS实现二维数组元素的排列组合运算简单示例
2019/01/28 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
nodejs文件夹深层复制功能
2019/09/03 NodeJs
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
[01:09]DOTAPLUS——DOTA2的新时代
2018/04/04 DOTA
Pytorch入门之mnist分类实例
2018/04/14 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
使用Python pip怎么升级pip
2020/08/11 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
全球知名的珠宝首饰品牌:Kay Jewelers
2018/02/11 全球购物
巴西体育用品商店:Lojão dos Esportes
2018/07/21 全球购物
年度献血先进个人事迹材料
2014/02/14 职场文书
2014年元旦活动方案
2014/02/15 职场文书
小学生安全责任书
2014/07/25 职场文书
献爱心大型公益活动策划方案
2014/09/15 职场文书
学生保证书
2015/01/16 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
新闻稿怎么写
2015/07/18 职场文书
子女赡养老人协议书
2016/03/23 职场文书