mint-ui 点击弹出

HTML部分

<div class="page-actionsheet">
     <div class="page-actionsheet-wrapper">
        <mt-button @click.native="sheetVisible = true" size="large"> 上传附件</mt-button>
     </div>
     <mt-actionsheet :actions="actions" v-model="sheetVisible"></mt-actionsheet>
 </div>

JS 部分

data() {
    return {
      //点击弹出数据
      sheetVisible: false,
      actions: [],
    }
  },
methods:{
  takePhoto() {
       console.log('taking photo');
     },

     openAlbum() {
       console.log('opening album');
     }
},
 mounted() {
    this.actions = [{
      name: '拍照',
      method: this.takePhoto
    }, {
      name: '从相册中选择',
      method: this.openAlbum
    }]
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容