背景

目前项目中form表单提交中有地方用到了穿梭框，穿梭框是必填项，需要rules 验证是否选择了数据，一般穿梭框是change触发

问题

但是选择change触发，会出现如下问题，也就是用户一选，下面就触发校验规则了，用户体验很差

尝试解决方案

将校验触发改成blur，啊哈解决

但是又碰到新的问题

点击"确定&继续创建"按钮后触发字段未空的校验规则，

接着穿梭框即使选了东西，提示文字依然在，好的，又造了一个bug

解决方案

添加数据监听方法

  watch: {
    'createForm.sectorList': function (newVal) {
      if (newVal.length > 0) {
        this.$refs.createForm.validateField('sectorList');
      }
    },
    'createForm.dimensionList': function (newVal) {
      if (newVal.length > 0) {
        this.$refs.createForm.validateField('dimensionList');
      }
    }
  },

　　完美解决：