iview中遇到的哪些坑

一:1.iview的input报错:Invalid prop: custom validator check failed for prop “type”.
这个错误中文翻译是:自定义验证器检查prop“类型”失败

出现的原因看看自己是不是写

在iview当中明确规定input的type只能是

iview中遇到的哪些坑

所以,如果想要使用input的number,其实iview里面有一个专门的标签:InputNumber

示例:
<i-input type=“text” 中不能写type="button"类型 会报以上错误
iview中遇到的哪些坑使用type=“text” 就可以解决,但是要用@click.native=“check” 进行点击时才生效
原因是:2 @click.native 原生点击事件
1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符)
2,等同于在自组件中:
子组件内部处理click事件然后向外发送click事件:$emit(“click”.fn)
因为i-input中使用button效果需要去掉输入光标和编辑 使用readonly
3 如何设置表单的input文本框不可编辑
了解实现所有表单字段(文本框,标签,复选框,文本区域)不可编辑的方法,知道readonly属性和disabled 属性的区别:
1、οnfοcus=this.blur()
2、readonly属性
3、disabled 属性

二: