vue-ios-alertview

iOS7+ style alertview service for Vue 2

Vue port of angular-ios-alertview.

View Demo View Github

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