选择日期范围自定义VUE组件，如何添加校验。

wangxu

使用通用组件添加的 日期组件，需要校验为空提示，不为空校验通过的功能。

[HTML] 纯文本查看 复制代码

  <div class="block">
    <span class="demonstration">默认</span>
    <el-date-picker
      v-model="value1"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
  </div>
  <div class="block">
    <span class="demonstration">带快捷选项</span>
    <el-date-picker
      v-model="value2"
      type="daterange"
      align="right"
      unlink-panels
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      :picker-options="pickerOptions">
    </el-date-picker>
  </div>

[JavaScript] 纯文本查看 复制代码

  export default {
    data() {
      return {
        value1: '',
        value2: ''
      };
    }
  };

论坛管理员

您使用的是通用组件吗？v-model就是字段名称，您可以使用这个来做校验