解決vue attr取不到屬性值的問題
更新時間:2018年09月18日 10:24:18 作者:qq_17152035
今天小編就為大家分享一篇解決vue attr取不到屬性值的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
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取不到屬性值的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue嵌套路由與404重定向?qū)崿F(xiàn)方法分析
這篇文章主要介紹了vue嵌套路由與404重定向?qū)崿F(xiàn)方法,結(jié)合實例形式分析了vue.js嵌套路由與404重定向的概念、原理、實現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
vscode 配置vue+vetur+eslint+prettier自動格式化功能
這篇文章主要介紹了vscode 配置vue+vetur+eslint+prettier自動格式化功能,本文通過實例代碼圖文的形式給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
Vue數(shù)組響應(yīng)式操作及高階函數(shù)使用代碼詳解
這篇文章主要介紹了Vue數(shù)組響應(yīng)式操作及高階函數(shù)使用代碼詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08

