element ui 中 el-button重新渲染后disabled属性失效

最新推荐文章于 2024-07-22 11:28:18 发布

划水小将军

最新推荐文章于 2024-07-22 11:28:18 发布

阅读量921

点赞数

文章标签： ui javascript 前端

本文链接：https://blog.csdn.net/qq_44309969/article/details/133883232

版权

调试发现:disabled绑定的值和显示没有保持一致，发现是disabled属性失效

解决方式：

给标签添加key
比如：key=“isOldVersion”

 <el-form-item>
    <el-button type="primary" style="margin-left: 100px;" @click="snoreDialogVisible=false">返回</el-button>
    <el-button v-if="isNewVersion==false" key="isOldVersion" type="danger" style="margin-left: 100px;" @click="endSnoreParams">设置</el-button>
    <el-button v-if="isNewVersion" key="isNewVersion" type="danger" style="margin-left: 100px;" :disabled="selectBedSide===''" @click="endSnoreParams">设置</el-button>
  </el-form-item>