element中如何对el-select进行失焦校验

el-select失去焦点校验

如图:

1.png

想要实现的效果是当选择框失去焦点的时候会显示出校验提示,解决的办法如下:

因为使用的是element中的el-select组件,所以可以根据框架中提供的校验方式来进行校验

首先在el-form上加上rules属性并在data中进行定义

image
image

然后在下拉选择框中定义一个失去焦点事件

image

利用表单组件示例中的方法即可

image

另外有一点,v-model绑定的值还需要和props定义的属性名一样

image

最终会实现如下效果

image

你可能感兴趣的:(element中如何对el-select进行失焦校验)