v-easy-message

vue easy ui

Usage no npm install needed!

<script type="module">
  import vEasyMessage from 'https://cdn.skypack.dev/v-easy-message';
</script>

README

V-easy

Demo

OnlineDemo

Document

Official website

Install

npm install v-easy-message -s

Quick Start

import vEasy from 'v-easy-message'

Vue.use(vEasy);

use I18n

import vEasy from 'v-easy-message'
import locale from 'v-easy-message/local/en'

Vue.use(vEasy, { locale });

use babel

// webpack.base.conf.js
module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('/node_modules/v-easy-message')]
      }
    ]
},

// vue.config.js (vue-cli3)
transpileDependencies: ['v-easy-message']

Demo

<template>
    <VEButton @click="send('info')" class="center" type="primary" icon="chrome" :rotate="true" :circle="true"></VEButton>
    <VEPlainInput v-model="str" message="字符超出范围" 
        :options="{min: 20,max: 30}" 
        @input="plainInput"></VEPlainInput>
</template>

<script>
export default {
    data() {
        return: {
            str: ''
        }
    },
    methods: {
        plainInput(val) {
            console.log(`%c input ${this.str}`, 'color: blue');
        },
        send(type) {
            this.$msg({
                type: type, //'success', 'error','info','warning'
                message: 'infomation',
                duration: 3000,
                onClose: () => {
                    console.log('callback');
                }
            });
        }
    }
}
</script>

Update

  • 0.2.41 (2019.2.16)
    • 优化 v-tip 字体模糊问题
  • 0.2.25 (2019.1.28)
    • ve-ipve-subnet 发生错误不会自动对焦到下一位
    • 新增v-tip信息框
  • 0.1.48 (2019.1.17)
    • 新增 ve-plain-input 触发接收类型,支持多种类型触发检测
    • 支持多语言版本
  • 0.1.18 (2018.10.5)
    • ve-ipve-subnet 类似于windows输入框,可使用鼠标操作,小数点偏移
  • 0.1.16 (2018.9.29)
    • 修复 ve-ipve-plain-inputve-subnet 绑定数据的问题
  • 0.1.13 (2018.9.28)
    • 新增 ve-plain-input 组件
  • 0.1.12 (2018.9.27)
    • 优化 ve-ipve-subnet 组件
  • 0.0.8 (2018.9.27)
    • 新增 ve-subnet 组件,优化样式代码
  • 0.0.5 (2018.8.29)
    • 新增 ve-ip 组件
  • 0.0.4 (2018.8.25)
    • 新增 ve-button 组件
  • 0.0.1 (2018.8.23)
    • 建立仓库,编写架构
    • 支持使用 this.$msg 呼叫message信息

LICENSE

MIT