<actionsheet
v-model="showOutstockMenu"
:menus="outMenu"
@on-click-menu="outChoiceOperation"
show-cancel>
默认状态 showOutstockMenu: false,
outMenu: [
{ "label": "邮寄", "value": 1 },
{ "label": "自取","value": 2 }
],
vux 版本：2.9.0
问题描述：
- 页面会默认显示 actionsheet 的内容，（没有隐藏，和官网 demo 一样，会自动添加到页面到底部，页面往下拉就能看到）
- 在外层嵌套 div ，v-show:"showOutstockMenu"，内容会隐藏，点击“取消”后，出现的遮罩层会隐藏，但是控制台报错—— Error in render: "TypeError: Cannot read property 'label' of undefined"；
内容会添加到底部，showOutstockMenu 的值依然为 true
1条答案
按热度按时间pbwdgjma1#
问题的解决方式：
外层嵌套 div，同时 v-show 的设置和 actionsheet 的 v-model 的值（showContent）一致，在点击菜单的事件中，添加对 key = 'cancel' 的处理：将 showContent 设为 false；
虽然问题能解决，但是如果这个组件的实际效果不符合作者的预期效果，还是希望能够修改