vxe-switch绑定number类型

最新推荐文章于 2024-09-30 15:42:36 发布

前端小白~~

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量133

点赞数 4

文章标签：前端 vue.js

本文链接：https://blog.csdn.net/qq_52030218/article/details/141568445

版权

<vxe-column title="启用状态" width="80">
            <template #default="{ row }">
              <vxe-switch
                v-model="row.enableState"
                size="mini"
                @change="handleSwitchChange(row)"
                open-value="1"
                close-value="0"
              />
            </template>
          </vxe-column>

通常这样绑定的是string类型的0和1，需要绑定number类型的0和1，则需要在open-value和close-value前面添加:

<vxe-column title="启用状态" width="80">
          <template #default="{ row }">
            <vxe-switch
              :value="row.enableState"
              size="mini"
              @change="handleSwitchChange(row)"
              :open-value=1
              :close-value=0
            />
          </template>
        </vxe-column>

但是点击开关没有反应这时候需要同时修改row.enableState

// 表格 - switch按钮改变回调
    handleSwitchChange (row) {
      var b
      if (row.enableState === 1) {
        b = '0'
        row.enableState = 0
      } else {
        b = '1'
        row.enableState = 1
      }
}