iOS7+ style alertview service for Vue 2

vue-ios-alertview

iOS7+ style alertview service for Vue 2

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