vant Actionsheet 上拉菜单

Question

1.官网的demo跑不起来，有谁遇到同样问题的

<van-actionsheet

  v-model="show"
  :actions="actions"
  @select="onSelect"
  title="点击"
/>
export default {

name: 'HelloWorld',
data() {

return {
  show: false,
  value: "",
  actions: [
    {
      name: '选项'
    },
    {
      name: '选项',
      subname: '描述信息'
    },
    {
      loading: true
    },
    {
      name: '禁用选项',
      disabled: true
    }
  ]
};

},
methods: {

goBack () {
  window.history.length > 1
    ? this.$router.go(-1)
    : this.$router.push('/')
}

}
}

![图片上传中...]

页面上如何呼出菜单呢

Answer 1

楼主，你好！昨天有人碰到这个问题，我写了一个线上例子。如有解决，麻烦点击下采纳。
ps：我估计你们碰到的问题，应该是 Toast 的异常，因为 Toast 要单独引入的。官方文档也有说明，要提前引入。具体代码如下：

import {
  Toast
} from 'vant';

// 在main.js里全局引用下
Vue.use(Toast);

Answer 2

为什么我引进来报错啊
Uncaught TypeError: Cannot read property 'install' of undefined

Answer 3

要添加一个按钮调用一下这个选择框的：

<view>
  <van-button type="default" bindtap="selectType">模式</van-button>
  <van-action-sheet
  show="{{ show }}"
  actions="{{ actions }}"
  bind:close="onClose"
  bind:select="onSelect"
/>
</view>

js代码

selectType(event){
    this.setData({
      show:true
    })
  }