iOS7+ 风格的alertview服务 - vue-ios-alertview

2016-11-02      13      Vue
项目简介

vue-ios-alertview

iOS7+ 风格的alertview服务,应用于Vue。

安装

npm install vue-ios-alertview

依赖

Promise

使用方法

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);
      });
    }
  }
});

选项


title , alertview 标题,默认为空。

text , alertview 内容,支持html string,默认为空。

input , 是否显示输入的form,默认为false。

placeholder , 输入字段占位符,默认为空。

cancelText , 取消按钮文本,默认取消 。

okText , ok按钮文本,默认为ok。

remindDuration , 提醒显示时间,默认为650ms

buttons , 按钮对象数组。


一个按钮对象的示例:

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

defaultOption,可选key,当你只想通过传递一个字符串来调用$iosAlert $iosConfirm  ,  $iosPrompt ,  $iosRemind  时可使用。默认 text ,你可以将它设置为title及其他。