关于解决switch开关属性中active-value=“1“为数值形失败的问题

一颗努力的大土豆2025-09-26 11:07

问题详述

如下列代码中，我想让switch打开的值（active-value）和switch关闭的值（inactive-value）都取成数值形，但是目前是把属性设置为字符串"1"。

因为等号右边的内容是包含在引号中的，所以Vue会将其视为字符串。

javascript 复制代码

       <el-table-column label="状态" align="center" width="80">
          <template slot-scope="scope">
            <el-switch
              v-model="scope.row.onlineStatus"
              active-value= "1"
              inactive-value= "0"
              @change="handleStatusChange(scope.row)"
              v-hasPermi="['net:gw:switchStatus']"
            ></el-switch>
          </template>
        </el-table-column>

解决办法

把active-value = "1"前面加上":"号，即:active-value= "1"。

这将属性值设置为数值1，冒号表示这是一个动态绑定，Vue会将等号右边的内容作为javascript代码进行解析，所以1被视为数值。

javascript 复制代码

          <template slot-scope="scope">
            <el-switch
              v-model="scope.row.onlineStatus"
              :active-value= "1"
              :inactive-value= "0"
              @change="handleStatusChange(scope.row)"
              v-hasPermi="['net:gw:switchStatus']"
            ></el-switch>
          </template>