1.概述
表单列表组件,可以对数据进行关联,或者进行填充,有些情况下在点击列表时,希望触发事件,比如点击列表时,对数据进行联动。
2.实现方法
在定义列表时,我们对列表定义了一个 rowclick
事件,事件的参数为 :
this.$emit("rowclick",record,index);
我们既然定义了事件,那如何响应列表事件呢?
我们对控件定义一个ref 属性:
切换js代码视图
编写加载事件代码:
var _onload=function(){
var self_=this;
var listCtl=this.$refs.dataList;
//这里通过获取到控件,并监听点击事件
listCtl.$on("rowclick",function(record,index){
//这个函数实在下面的自定义函数进行定义的,函数的命名 为 func_ +"自定义函数名称"
self_.func_democlick(record,index);
})
}
编写自定义方法:
var custFuntions=[{name:"democlick",action:function(row,index){
console.info("row:" +index);
console.info(row);
}}];
文档更新时间: 2021-07-09 14:31 作者:zyg