Skip to content

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

@pure1220

Description

@pure1220

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"即可解决

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions