1

active-value="1" inactive-value="2"

1

:active-value="1" :inactive-value="2"

1

2

3

4

5

6

7

8

9

10

11

12

13

<el-table-column prop="state" label="状态" width="120">

  <template slot-scope="scope">

    <el-switch

      disabled

      v-model="scope.row.state"

      active-value="1"

      inactive-value="0"

      active-color="#13ce66"

      inactive-color="#ff4949"

    >

    </el-switch>

  </template>

</el-table-column>

1

2

3

4

5

6

7

<el-form-item label="状态" props="state" required>

  <el-switch

    v-model="editForm.state"

    active-value="1"

    inactive-value="0"

    @change="changeState(editForm.state)"></el-switch>

</el-form-item>

1

2

3

4

5

6

methods: {

    changeState(state) {

      this.editForm.state = state;

      console.log('嘎嘎地 ',state);

    }

}