admin管理员组文章数量:1640616
iview table中按钮根据条件设置disabled
效果图如下:
初始的table
加了disabled的Table
注: 当socket 没有返回 分区状态的时候,右侧的操作里面的按钮置灰不可点击。判断条件: disabled: (!params.row.excutStatus)
代码实现方式:disabled后直接跟true或者false的条件
{ title: "广播信源类型", key: "infoSourceTypeName", width: 200, align: "center", tooltip: 'false' },
{ title: '操作', key: 'action', width: 145, align: 'center', fixed: 'right',
render: (h, params) => {
return h('div', [
h('Button', {
props: {
type: 'primary', size: 'small',
disabled: (!params.row.excutStatus)
},
style: {
// marginRight: '8px',
marginLeft: '30px'
},
on: {
click:()=> {
console.log("rowww:", params.row);
}
}
}, '添加监听'),
])
}
}
以上都是一些简单的使用,电商订单可能比这复杂些,原理基本都一样。
最后为了方便大家的沟通与交流请加QQ群: 625787746
请进QQ群交流:【IT博客技术分享群①】:https://jq.qq/?_wv=1027&k=DceI0140
版权声明:本文标题:iview render 里面怎么用 disabled 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1729318972a1195642.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论