iT邦幫忙

0

vuex 與 el-switch 如何在列表中被個別綁定?

  • 分享至 

  • xImage

列表中每個資料都會有一個 el-switch

<template slot-scope="scope">
          <el-switch
            @change="triggerStatus($event, scope.row)"
            v-model="scope.row.status"
            active-value="1"
            inactive-value="0">
          </el-switch>
        </template>

methods

triggerStatus($event, row) {
      console.log($event)
      console.log(row)
      let triggerData = {
        id: row.id,
        status: $event
      };
      this.$store.dispatch('ss/TriggerStatus', triggerData).then(res => {
        this.$store.dispatch('ss/GetList');
      });
    },

v-model 設定為 scope.row.status
直接取該筆資料的 status 狀態(0和1)
然後再拿資料去 fetch
只是個問題是
我發現列表中 switch 吃不到資料的 status ?
懇請大師給個思路~

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答