上拉菜单 (bui-actionsheet)

用法

  1. <div class="center" style="padding:10px;">
    2.     <bui-button type="warning" value="上拉菜单" @click="open()"></bui-button>
    3. </div>
    4.   5. <!--自定义上拉菜单-->
    6. <bui-actionsheet
    7.         :items="actionsheetItems"
    8.         v-model="showBar"
    9.         @itemClick="actionsheetItemClick"
    10.         @btnClick="actionsheetBtnClick"
    11. ></bui-actionsheet>


  1. data: function () {
    2.     return {
    3.         showBar: false,
    4.         actionsheetItems: ['复制文字', '收藏动态']
    5.     }
    6. },
    7. methods: {
    8.     open() {
    9.         this.showBar = true;
    10.     },
    11.     actionsheetItemClick(item,index) {
    12.         this.$toast(item)
    13.         this.showBar = false;
    14.     },
    15.     actionsheetBtnClick() {
    16.         this.showBar = false;
    17.     }
    18. }

Example:bui-actionsheet

属性