解决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 相关文章推荐
Apply an AutoFormat to an Excel Spreadsheet
Jun 12 Javascript
jquery focus(fn),blur(fn)方法实例代码
Dec 16 Javascript
如何使用Javascript获取距今n天前的日期
Jul 08 Javascript
JS 日期比较大小的简单实例
Jan 13 Javascript
基于JavaScript如何制作遮罩层对话框
Jan 26 Javascript
vue-axios使用详解
May 10 Javascript
JavaScript中错误正确处理方式小结你用对了吗
Oct 10 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
Jan 07 Javascript
Vue 实现v-for循环的时候更改 class的样式名称
Jul 17 Javascript
js实现随机圆与矩形功能
Oct 29 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 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
PHP IF ELSE简化/三元一次式的使用
2011/08/22 PHP
php查找指定目录下指定大小文件的方法
2014/11/28 PHP
laravel5.6框架操作数据curd写法(查询构建器)实例分析
2020/01/26 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
javascript的push使用指南
2014/12/05 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
用nodejs的实现原理和搭建服务器(动态)
2016/08/10 NodeJs
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
JavaScript中浅讲ajax图文详解
2016/11/11 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
详解微信小程序的 request 封装示例
2018/08/21 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
[02:00]DOTA2英雄COSPLAY闹市街头巡游助威2015国际邀请赛
2015/08/02 DOTA
[02:58]魔廷新尊——痛苦女王至宝语音台词节选
2020/06/14 DOTA
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
python导入csv文件出现SyntaxError问题分析
2017/12/15 Python
Python selenium模拟手动操作实现无人值守刷积分功能
2020/05/13 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
意大利大型购物中心:Oliviero.it
2017/10/19 全球购物
Pamela Love官网:纽约设计师Pamela Love的精美、时尚和穿孔珠宝
2020/10/19 全球购物
华三通信H3C面试题
2015/05/15 面试题
工程造价专业大专生求职信
2013/10/06 职场文书
行政管理专业推荐信
2013/11/02 职场文书
银行授权委托书格式
2014/10/10 职场文书
群众路线自我剖析范文
2014/11/04 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
欢迎词范文
2015/01/27 职场文书
云台山导游词
2015/02/03 职场文书
停电调休通知
2015/04/16 职场文书
义卖募捐活动总结
2015/05/09 职场文书