问答

vuex与el-switch如何在列表上被个别绑定?

作者:admin 2021-09-16 我要评论

假设我有一个表格,表格内有多笔数据 每个数据都会有一个el-switch template slot-scope="scope" el-switch @change="triggerStatus($event, scope.row)" v-mode...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

假设我有一个表格,表格内有多笔数据

每个数据都会有一个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('v/TriggerStatus', triggerData).then(res => {
        this.$store.dispatch('v/GetList');
      });
    },

但是我要怎么让 switch 取得当前该笔数据的 scope.row.status 状态?
0则是停用 1则是启用
且可以变更该笔数据的状态
打 TriggerStatus 就是给 id, status
只是我怎么测试都失败 始终无法让 switch 获取到该笔的 status

###

你不是已经绑定在scope.row.status上了吗,直接使用啊

let triggerData = {
  id: row.id,
  status: row.status
};
###

看你代码我觉得你是想要这个:

@change="val => triggerStatus(val, record.row)"

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vuex与el-switch如何在列表上被个别绑

    vuex与el-switch如何在列表上被个别绑

  • 关于form表单循环数据处理问题?

    关于form表单循环数据处理问题?

  • React useState lazyloading 加载了两

    React useState lazyloading 加载了两

  • 请教下js数组forEach的一个疑惑?

    请教下js数组forEach的一个疑惑?

腾讯云代理商
海外云服务器