vue vxe-form中的input限制只能输入英文和数字

1、定义rules

<vxe-form

          :data="childPopData.list"

          title-align="right"

          title-width="100"

          title-overflow="tooltip"

          @submit="submitChildEvent"

          :rules="curformRules" //主要是rules

        >

2、

 <vxe-form-item field="description" title="Description" :span="12" :item-render="{}">

      <template #default="{data }">

              <vxe-textarea

                v-model="data.description"

                placeholder="please input description"

                maxlength="200"

                showWordCount

              ></vxe-textarea>
               //input同理

        </template>

</vxe-form-item>

3、

 let curformRules=reactive({ //vue3写法

    description:[{

      pattern: new RegExp('^[A-z0-9]*$'),message: '只能输入数字或英文！!'

    }]

  })

data(){ //vue写法
    return {
        curformRules:{
            description:[{

              pattern: new RegExp('^[A-z0-9]*$'),message: '只能输入数字或英文！!'

            }]
        }
    }
}