-
-
Notifications
You must be signed in to change notification settings - Fork 338
Description
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"即可解决