json文件的引用代码
{
"usingComponents": {
"van-action-sheet": "../../dist/action-sheet/index"
}
}
wwxml文件的代码
<van-action-sheet
show="{{ show }}"
actions="{{ actions }}"
bind:close="onClose"
bind:select="onSelect"
/>
</view>
js文件代码
data: {
show: false,
actions: [
{
name: '选项',
},
{
name: '选项',
},
{
name: '选项',
subname: '副文本',
openType: 'share',
},
],
},
onClose() {
this.setData({ show: false });
},
onSelect(event) {
console.log(event.detail);
},
代码没什么好看的,因为这是直接从weapp开发文档上复制下来的示例代码,示例代码这都没显示出来,我其他vant的组件都有显示,就这个没显示,不知道为啥,也没报错,调试工具的WXML看了一下,vant-action-sheet组件那个位置啥都没有,显示height*width=0*0,不知道是为什么
你要先设置在你点击某个按钮或者其他点击事件的时候把show的值设为true。例如
onclick:funtion(e){
this.setData({ show:true})
},