SOURCE

console 命令行工具 X clear

                    
>
console
let vm = new Vue({
  el: '#app',
  data: {
    countdown: 0,
    data: {
      name: '',
      mobile: '',
      code: '',
    },
    errorMsg: {
      name: '',
      mobile: '',
      code: '',
    }
  },
  methods: {
    sendMobileCode() {}
  }
})
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js">
</script>
<div id="app">
  <van-cell-group>
    <van-field placeholder="名称/姓名" label="名称" v-model="data.name" :error-message="errorMsg.name">
    </van-field>
    <van-field type="tel" placeholder="请输入手机号码" label="手机" v-model="data.mobile"
    :error-message="errorMsg.mobile" @click-icon="data.mobile = ''" icon="clear">
    </van-field>
    <van-field center v-model="data.code" label="短信验证码" placeholder="请输入验证码"
    icon="clear" :error-message="errorMsg.code" @click-icon="data.code = ''">
      <van-button size="small" :disabled="countdown > 0" @click="sendMobileCode"
      type="primary">
        {{ countdown ? countdown + 's' : '发送'}}
      </van-button>
    </van-field>
  </van-cell-group>
</div>
#app {
  padding: 32px;
}