Advertisement

在avue表格中点击某一行并选中checkbox组件

阅读量:

avue表格点击行选中checkedbox

在avue表格中,原先的选中操作需通过点击复选框来触发,为优化用户交互体验,现已调整为仅需点击整行即可更改选中状态。

  • 新增行点击事件@row-click
复制代码
    <!-- 新增行点击事件@row-click="rowClick" -->
    <avue-crud ref="crud"
           :data="data"
           :option="option"
           v-model="form"
           @on-load="onLoad"
           @row-click="rowClick"
           @selection-change="selectionChange">
           </avue-crud>
    
    
      
      
      
      
      
      
      
      
      
    
  • 新增绑定点击事件@row-click的函数rowClick
    • 触发toggleSelection函数, 注意:参数应以数组形式传递
复制代码
    data() {
      return {

全部评论 (0)

还没有任何评论哟~