Vue2 版的 iOS 7+ UIAlertView 弹出组件

vue-ios-alertview

Vue port of angular-ios-alertview.

iOS7+ style alertview service for Vue.

Install

npm install vue-ios-alertview

Dependences

Promise

Usage

import Vue from 'vue';
import iosAlertView from 'vue-ios-alertview';

Vue.use(iosAlertView);

new Vue({
  el: '#container',
  methods: {
    alert: function(){
      this.$iosAlert('alert').then(function(){
        console.log('alert);
      });
    }
  }
});

Options

(Note: some options are specific to different alertview type, e.g. remindDuration is only for $iosRemind).

• title, alertview title, default empty
• text, alertview content, support html string. default empty
• input, whether show input form, default false
• placeholder, input field placeholder, default empty
• cancelText, cancel button text, default Cancel
• okText, ok button text, default OK
• remindDuration, remind show duration, default 650ms

• buttons, array of button object.

  an example of button object

  {
    text: 'OK',
    bold: true,
    onClick: function(data){
      // data.index
      // data.button
      // data.value
    }
  }
  

• defaultOption, the option key if you just pass in a string when you invoke $iosAlert, $iosConfirm, $iosPrompt or $iosRemind. default text, you can set it to title or something else.

License

MIT