jiuwei-input v1.0.2

jiuwei-input

这是一款可以自动校验input组件是否填写内容，并弹出提示框的组件。placeholder的内容以及提示框的内容可以自定义，并能实时监听到用户的输入内容进行其他判断。方便快捷，无需集成其他UI组件，maxlength也能限制输入长度，满足基本需求

示例截图

截图地址： https://jiuwei-picture.oss-cn-hangzhou.aliyuncs.com/basic/30/2108cd478eb74510bd3ffe44483e200a.png

安装组件

# 使用yarn安装
yarn add jiuwei-input

# 使用npm安装 
npm install jiuwei-input --save 

使用方式

main.js

 import checkinput from 'jiuwei-input'
 Vue.use(checkinput)

  <checkinput @inputChanged="inputChangedMer($event)" ref="cus1" pl="请填写姓名"></checkinput>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      name: "",
    }
  },
  methods:{
    sureAction(){
      if (this.name.length === 0) {
        this.$refs.cus1.checkVal()
        return
      }
    },
    // 输入框事件监听
    inputChangedMer: function (e) {
      this.name = e.target.value;
    },
  }
}
</script>

如有问题，请到简书下面留言，我会尽力修复 https://www.jianshu.com/p/c1ab36b5a21f