收藏
回答

请问,我用vant weapp的action sheet上拉菜单组件为何没有显示?

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: {
    showfalse,
    actions: [
      {
        name: '选项',
      },
      {
        name: '选项',
      },
      {
        name: '选项',
        subname: '副文本',
        openType: 'share',
      },
    ],
  },
  onClose() {
    this.setData({ showfalse });
  },


  onSelect(event) {
    console.log(event.detail);
  },


代码没什么好看的,因为这是直接从weapp开发文档上复制下来的示例代码,示例代码这都没显示出来,我其他vant的组件都有显示,就这个没显示,不知道为啥,也没报错,调试工具的WXML看了一下,vant-action-sheet组件那个位置啥都没有,显示height*width=0*0,不知道是为什么

回答关注问题邀请回答
收藏

1 个回答

  • 学智
    学智
    2021-01-17

    你要先设置在你点击某个按钮或者其他点击事件的时候把show的值设为true。例如

    onclick:funtion(e){

     this.setData({ show:true})

    },

    2021-01-17
    有用 1
    回复
登录 后发表内容
问题标签