解决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 Uploadify上传带进度条的简单实例
Feb 12 Javascript
javascript 拷贝节点cloneNode()使用介绍
Apr 03 Javascript
javascript字符串替换函数如何一次性全部替换掉
Oct 30 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
值得分享的Bootstrap Table使用教程
Nov 23 Javascript
JavaScript利用fetch实现异步请求的方法实例
Jul 26 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
JS中Attr的用法详解
Oct 09 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 Javascript
详解Bootstrap 学习(一)入门
Apr 12 Javascript
js+canvas绘制图形验证码
Sep 21 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
php empty函数 使用说明
2009/08/10 PHP
php中的curl使用入门教程和常见用法实例
2014/04/10 PHP
php实现的双向队列类实例
2014/09/24 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
php判断linux下程序问题实例
2015/07/09 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
js隐式全局变量造成的bug示例代码
2014/04/22 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
node.js爬虫框架node-crawler初体验
2020/10/29 Javascript
[00:08]DOTA2勇士令状等级奖励“天外飞星”
2019/05/24 DOTA
Python远程桌面协议RDPY安装使用介绍
2015/04/15 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
Python数据可视化编程通过Matplotlib创建散点图代码示例
2017/12/09 Python
pandas 快速处理 date_time 日期格式方法
2018/11/12 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
python 如何快速复制序列
2020/09/07 Python
Python中的None与 NULL(即空字符)的区别详解
2020/09/24 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
经典而简洁的婚礼主持词
2014/03/13 职场文书
火灾现场处置方案
2014/05/28 职场文书
个人承诺书格式
2014/06/03 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
详解SQL报错盲注
2022/07/23 SQL Server