zkt-modal

直客通对话框组件

直客通对话框组件,用于复杂弹窗界面交互

Usage

var vm = this.$modal({
    title: '标题', // 弹窗标题
    size: 'sm', // 弹窗大小 默认为md
    message: '操作后无法撤销', // 提示信息
    prompt: true, // 是否有输入框 默认为false
    autoClose: false, // 是否自动关闭 默认为true
    okText: '好', // 确认按钮文案
    cancelText: '取消', // 取消按钮文案
    callback (value, type, vm) { // 操作后的回调函数 value是输入框值， type是操作按钮类型 close,postive,negative
      console.log(value, type)
    },
    events: {
      click () {
        console.log('click')
      }
    },
    data: {
      text: '这是自定义组件'
    }
  },
  {
    template: '<div @click="$emit(\'click\')">{{text}}</div>', // 自定义组件定义
    props: {
      text: {
        type: String,
        default: ''
      }
    }
  }
)

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.