Closed pure1220 closed 3 months ago
1.2.24
h5
暂无
<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')"
wd-action-sheet__action ${action.disabled ? 'wd-action-sheet__action--disabled' : ''} ${ action.loading ? 'wd-action-sheet__action--loading' : '' }
color: ${action.color}
{{ action.name }} {{ action.subname }}
建议在源码的button处加上 :disabled="action.disabled"即可解决
此 issue 已被自动锁定,因为关闭后没有任何近期活动。如果有相关 bug,请重新创建一个新 issue。
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')"建议在源码的button处加上 :disabled="action.disabled"即可解决