Antd-Vue插槽内属性修改

antd-vue table scopedSlots

scopedSlots插槽内属性修改

如下我想要根据状态来控制插槽内a标签点击与不可点击的切换

<span slot="operation"  slot-scope="text, record">
	<a @click="handleWarehousing(record)" v-has="'ewm:warehousing'" :disabled="toggleDisabled">入库</a>
</span>

最初是打算定义toggleDisabled临时参数来控制,但是没有生效
解决方法:利用record获取status来改变插槽内的属性

<span slot="operation"  slot-scope="text, record">
	<a @click="handleWarehousing(record)" v-has="'ewm:warehousing'" :disabled="record.status == '1' ? true:false">入库</a>
</span>
效果

image

posted @   你滴风  阅读(279)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示