开源软件名称：

v-easy

开源软件地址：

https://gitee.com/link0109/v-easy

开源软件介绍：

仓库地址已更换 v-easy-components

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.jsmodule: {    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>