vue中v-if不生效

最新推荐文章于 2024-03-31 22:19:25 发布

qq_42990319

最新推荐文章于 2024-03-31 22:19:25 发布

阅读量2.3k

点赞数 2

文章标签： elementui 前端 javascript vue

本文链接：https://blog.csdn.net/qq_42990319/article/details/130593531

版权

在el-table中使用v-if

 	<el-table-column width="35" >
            <template slot-scope="scope">
              <el-radio v-if="scope.row.F_LockState"  @click.stop :label="scope.row[propsValue]" disabled v-model="checkedLock">&nbsp;</el-radio>
              <el-radio v-if="!scope.row.F_LockState" :label="scope.row[propsValue]" v-model="checked">&nbsp;</el-radio>
            </template>
    </el-table-column>

业务需求是：根据后端字段的F_LockState的值0或者1去判断是否可选
但是没有生效一直是显示第一个
v-if没有生效的问题是只有值是true才渲染，但是字段的值是0或者1没有转成布尔值，导致一直未生效
正确：

<el-table-column width="35" >
            <template slot-scope="scope">
              <el-radio v-if="scope.row.F_LockState==1"  @click.stop :label="scope.row[propsValue]" disabled v-model="checkedLock">&nbsp;</el-radio>
              <el-radio v-if="scope.row.F_LockState==0||scope.row.F_LockState==undefined" :label="scope.row[propsValue]" v-model="checked">&nbsp;</el-radio>
            </template>
</el-table-column>

在这里插入图片描述