需求:输入框原本隐藏,不需要验证,选择按钮,显示输入框后才显示成为必填项,且需要验证规则
<el-form-item label="">
<el-checkbox v-model="form.top">是否置顶</el-checkbox>
<el-checkbox v-model="**form.link**">是否采用外部链接</el-checkbox>
</el-form-item>
<el-form-item
:rules="[{required:**form.link**,message: '请输入外部链接',trigger:'blur'},
{pattern:/(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/,message: '请输入正确格式的链接地址'}]"
style="margin-top:24px" label="链接地址" v-show="**form.link == true**" prop="linkAddress">
<el-input v-model="form.linkAddress" style='width:400px'></el-input>
</el-form-item>
</el-form>