avalon - ms-click 二级联动赋值有错误
本文介绍了avalon - ms-click 二级联动赋值有错误的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
ms-click 二级联动赋值有错误，双击的话无法正确赋值,且浏览器报错 Uncaught TypeError: Cannot read property '1' of null
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.cur{color:red}
a{margin-left: 10px;}
</style>
<!--avalon版本为2.2.2-->
<script src="avalon2.js"></script>
<script>
var vm=avalon.define({
$id:'vm',
data:[
{
code:'1',
name:'初一年级',
classes:[
{
code:'11',
name:'初一(1)班'
}
]
},
{
code:'2',
name:'初二年级',
classes:[
{
code:'21',
name:'初二(1)班'
},
{
code:'22',
name:'初二(2)班'
},
{
code:'23',
name:'初二(3)班'
}
]
},
{
code:'3',
name:'初三年级',
classes:[]
},
{
code:'4',
name:'高一',
classes:[]
},
{
code:'5',
name:'高二',
classes:[]
},
{
code:'6',
name:'高三',
classes:[
{
code:'61',
name:'高三(1)班'
},
{
code:'62',
name:'高三(2)班'
},
{
code:'63',
name:'高三(3)班'
}
]
},
{
code:'7',
name:'大一',
classes:[
{
code:'71',
name:'大一(1)班'
},
{
code:'72',
name:'大一(2)班'
},
{
code:'73',
name:'大一(3)班'
}
]
},
],
gradeAndClassData:[],
classData:[],
//排序为第一个的年纪
gradeDataFirst:'',
gradeCodeCur:'',
init:function(){
//ajax 赋值
vm.gradeAndClassData=vm.data;
},
gradeClick:function(gradecode){
//给 classData赋值
for(var i=0;i<vm.gradeAndClassData.length;i++){
if(vm.gradeAndClassData[i].code==gradecode){
vm.classData=vm.gradeAndClassData[i].classes;
}
}
}
});
vm.init();
</script>
</head>
<body :controller="vm">
一级<br/>:<a ms-for="el in @gradeAndClassData" ms-click="@gradeClick(el.code,$event)">{{el.name}}</a><br/>
二级<br/>:<a ms-for="el in @classData">{{el.name}}</a>
</body>
</html>
解决方案
这篇关于avalon - ms-click 二级联动赋值有错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
