表单控件中怎样加ltphp,ElementUI自定义表单组件怎么加入验证功能

表单控件中怎样加ltphp,ElementUI自定义表单组件怎么加入验证功能

自定义了一个表单组件&＃xff0c;但是想用上验证功能不知道如何下手了&＃xff0c;求大佬帮忙看看。

这是我定义的控件file-choose&＃xff0c;然后用rules不生效

rules: {

filePath: [

{required: true, message: &＃39;不能为空&＃39;}

]

},

这是控件的效果图,现在就是想实现对输入框的内容进行校验

控件的代码

选择

:props&＃61;"props"

:load&＃61;"loadChild"

:highlight-current&＃61;"true"

node-key&＃61;"path"

lazy

ref&＃61;"tree"

class&＃61;"file-choose-tree">

取 消

&＃64;click&＃61;"visible &＃61; false;$emit(&＃39;input&＃39;,$refs.tree.getCurrentNode().path)">确 定

import Vue from &＃39;vue&＃39;

export default {

data() {

return {

visible: false,

files: [],

props: {

isLeaf: &＃39;last&＃39;

}

}

},

props: [&＃39;value&＃39;, &＃39;model&＃39;],

methods: {

loadChild(node, resolve) {

this.$http.post(&＃39;api/getChildDirList&＃39;,

{

path: node.data.path || &＃39;&＃39;,

model: this.model || &＃39;dir&＃39;,

})

.then((response) &＃61;> {

let result &＃61; response.data;

if (result.status &＃61;&＃61; 200) {

if (result.data) {

resolve(result.data);

}

} else {

this.$message(result.msg);

}

});

}

}

}

要怎么加上验证的功能呢&＃xff1f;