美文网首页
mint-ui 点击弹出

mint-ui 点击弹出

作者: 除了吃就是睡 | 来源:发表于2017-09-01 17:16 被阅读0次

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
    }]

相关文章

  • mint-ui 点击弹出

    HTML部分 JS 部分

  • 生命周期

    实例: 效果图: 点击确定弹出: 点击确定弹出:

  • vue实现点击除自身等指定元素外关闭弹出框

    需求: 点击某元素可以关闭打开弹出框,点击弹出框外可以关闭弹出框,点击框内不处理

  • layui弹出from表单

    点击个人信息弹出 1. 首先是页面的点击弹出事件。 2. 当点击弹出窗口之后,请求controller来渲染for...

  • android 自定义dialog弹出框,带单选多选下拉

    效果:点击开始按钮弹出开始选择框,点击巡检方式弹出可单选的菜单,点击巡检人员弹出可多选的菜单 1,单选多选下拉采用...

  • 第一次作业第一题

    作业要求 点击显示按钮标签中显示Hello World!点击清除按钮清除标签内容,点击弹出按钮弹出消息框。 代码 ...

  • 提示框

    target:点击按钮---->屏幕中间弹出提示框 target:点击按钮---->屏幕底部弹出提示框

  • 微信小程序自定义组件弹出框

    需求:点击‘弹出框’按钮,显示弹出框,如果在不点击的情况下,会在2s后自动消失(可自定义),点击弹出框任何部位都会...

  • 键盘代理多次触发,偏移异常

    现象描述: 点击UITextView,键盘会弹出。然后点击添加图片,弹出了ActionSheet,键盘自动收缩。接...

  • mint-ui

    mint-ui 基于vue.js的移动端组件库 安装mint-ui 导入mint-ui包 mint-ui中使用bu...

网友评论

      本文标题:mint-ui 点击弹出

      本文链接:https://www.haomeiwen.com/subject/ouskjxtx.html