vue element ui button按钮 disabled属性多个条件绑定 实现禁止点击效果
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
需求:status为0或1时,按钮可点击 其余禁止点击
一看需求很简单直接写:
:disabled="scope.row.status !== 0 || scope.row.status !== 1"
结果发现 status为0 或者是1 button按钮都是禁止点击的
仔细一想 不能用 || 应该用 &&
假如说:值是 0 则 满足status=0 为true 但第二个条件status=1不满足 为false
true|| false =true
则 disabled= true 按钮还是不可以点击
正确的 需要改为 :&&
<el-button
icon="el-icon-tickets"
:disabled="scope.row.status !== 0 && scope.row.status !== 1"
size="mini"
type="primary"
@click="outputOrder(scope.$index, scope.row)"
>{{ $t("workOrder.orderExport") }}
</el-button>
注:知识点是很小的一个 但是因为本人不注意 大意了 也试了几种方法才找到原因,在此记录一下 用作平时开发参考哦~
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
8 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 8 个月前
更多推荐
已为社区贡献67条内容
所有评论(0)