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