Переключение выбора-изменения в Vue el-table при нажатии кнопки - PullRequest
Новая
       37

Переключение выбора-изменения в Vue el-table при нажатии кнопки

1 голос
/ 19 марта 2020

У меня есть el-таблица (Элемент) в компоненте Vue со столбцом выбора в нем. Вы можете установить флажок, чтобы выбрать несколько элементов. Мне нужно иметь функцию выбора флажка, прикрепленного к элементам в таблице. 

<el-table
  :data="unit_list"
  @selection-change="handleSelectionChange"
>
  <el-table-column type="selection" />

  <el-table-column prop="name" label="Name" >
    <template slot-scope="scope" >
      <span @click="toggleRow(scope.row)" class="click_cell">
       {{ scope.row.name }}
      </span>
    </template>
  </el-table-column>      

  <el-table-column>
    <template slot-scope="scope">
      <div class="no_click_cell">
        You can't click this
      </div>
    </template>
  </el-table-column>

...script

handleSelectionChange(val) {
  this.$emit('selecttionChange', val) // this sends the resulting list to the parent component
}

В документации не ясно, как можно получить доступ к изменению выбора из toggleRow

1 Ответ

0 голосов
/ 19 марта 2020

Метод выглядит следующим образом: 

//...methods
toggleRow(row){
  this.$refs.unitListTable.toggleRowSelection(row)
}

Где unitListTable - ваша таблица ref 

<el-table
  ref="unitListTable"
  :data="checkSearch(unit_list)"
  @selection-change="handleSelectionChange"
>
...