常见输入框的验证及点击清空输入框

效果图

input框内输入内容后显示删除图标，并实现点击图标清空input内容

代码

<template>
	<view class="info-main">
        <view class="info-item">
          <view class="item-title">车牌种类</view>
          <view @click="toCarType" class="content">
            <input
              :value="optionText"
              type="text"
              disabled
              placeholder="请选择车牌种类"
              placeholder-class="placeholder-class"
            >
            <image
              class='arrow-right'
              mode='widthFix'
              src='/static/image/arrow_right_grey.png'
            ></image>
          </view>
        </view>

        <view class="info-item">
          <view class="item-title">车牌号码</view>
          <view class="content">
            <view @click="choosePro">
              <text>{
  {proName}}</text>
              <image
                class='arrow-down'
                src="/static/image/rectangle%20@2x.png"
              ></image>
            </view>

            <input
              class='input-class'
              v-model="vehicle"
              @input="checkUpcase"
              type="text"
              maxlength