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
    }]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 大部分的后端会很很鄙视前端。我也不知道为什么,可能大部分人都会觉得脚本语言根本不算语言。 大多人 会叫我们切图仔,...
    小黑的眼阅读 8,821评论 0 15
  • 老师让画自己喜欢的老师,涵涵画了音乐老师,还标注了拼音,音乐老师。画的很好,嘴边还有些音符流淌出来,想象力特丰富。...
    仲思涵妈妈阅读 1,040评论 0 0
  • 论读书对人有多重要,那就看看当今对知识的重视程度。 书是人类文明的使者,承载着人类的知识,是人们赖以学习的途径,没...
    48岁的张昆阅读 4,612评论 0 5

友情链接更多精彩内容