avue rules

在使用Avue表单时，可以通过添加rules属性来设置字段的验证规则。对于文本录入，一般情况下可以使用以下代码进行设置：

{
    label: '内容',
    prop: 'content',
    search: false,
    span: 24,
    display: true,
    maxlength: 300,
    type: 'textarea',
    showWordLimit: true,
    rules: [
        { required: true, message: '请填写内容！', trigger: 'blur' }
    ]
}

这段代码将会设置一个名为"内容"的字段，要求用户在文本框中输入内容，并且在失去焦点时进行验证。如果用户没有填写内容，则会显示"请填写内容！"的提示信息。

对于下拉选择，如果想要实现选中后不再标红的效果，可以将rules中的trigger属性设置为['blur', 'change']，如下所示：

{
    label: '省',
    prop: 'province',
    search: false,
    span: 12,
    display: true,
    type: 'select',
    cascaderItem: ['city'],
    dicUrl: '',
    props: { label: 'name', value: 'code' },
    rules: [
        { required: true, message: '请选择省份！', trigger: ['blur', 'change'] }
    ]
}

这段代码将会设置一个名为"省"的下拉选择字段，要求用户选择省份，并且在失去焦点或者选择后进行验证。如果用户没有选择省份，则会显示"请选择省份！"的提示信息。

在实际效果中，如果省份的rules中的trigger设置为['blur', 'change']，则选中后就会正常显示，而城市的rules中的trigger设置为'blur'，则选中后仍然会标红。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [avue下拉必选添加rules，选中后还是标红显示请选择](https://blog.csdn.net/qq_36098697/article/details/129947120)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]