Moonofweisheng / wot-design-uni

一个基于Vue3+TS开发的uni-app组件库,提供70+高质量组件,支持暗黑模式、国际化和自定义主题。
https://wot-design-uni.pages.dev
MIT License
896 stars 145 forks source link

[Bug 上报] ACTIONSHEET组件禁用状态按钮还可以点击 #379

Closed pure1220 closed 3 months ago

pure1220 commented 3 months ago

Wot Design Uni 版本号

1.2.24

平台

h5

复现Demo地址

暂无

重现步骤

<wd-button @click="showActions">弹出菜单 <wd-action-sheet v-model="show" :actions="actions" @close="close" />

const show = ref(false) const actions = ref([ { name: '颜色', color: '#0083ff' }, { name: '禁用', disabled: true }, { loading: true } ]) function showActions() { show.value = true }

function close() { show.value = false }

期望的结果是什么?

以上官网示例也可以复现,期待的结果是 禁用状态是不可以点击,且不可以关闭当前动作面板

实际的结果是什么?

实际结果是可以点击,且可以关闭当前动作面板

环境信息

发行平台 各端

其他补充信息

<button v-for="(action, rowIndex) in actions" :key="rowIndex" :disabled="action.disabled" :class="wd-action-sheet__action ${action.disabled ? 'wd-action-sheet__action--disabled' : ''} ${ action.loading ? 'wd-action-sheet__action--loading' : '' }" :style="color: ${action.color}" @click="select(rowIndex, 'action')"

{{ action.name }} {{ action.subname }}

建议在源码的button处加上 :disabled="action.disabled"即可解决

github-actions[bot] commented 2 months ago

此 issue 已被自动锁定,因为关闭后没有任何近期活动。如果有相关 bug,请重新创建一个新 issue。