ActionSheet

操作表，从屏幕下方移入。Demo

引入

import { ActionSheet } from 'vue-pmui';
// 全局使用
Vue.component(ActionSheet.name, ActionSheet);
// 或者
Vue.use(ActionSheet);

例子

<pm-button @click="pick"> ActionSheet </pm-button>
<!-- ActionSheet -->
<pm-action-sheet
  ref="sheet"
  :actions="actions">
</pm-action-sheet>

export default {
    data() {
      return {
        actions: [
          {
            title: '士多啤梨',
            callback: () => this.$dialog('士多啤梨')
          },
          {
            title: '苹果',
            highlight: true,
            callback: () => this.$toast('苹果')
          },
          {
            title: '橙',
            callback: () => alert('orange')
          }
        ]
      };
    },
    methods: {
      pick() {
        this.$refs.sheet.show();
      }
    }
  };

Props

actions

Methods