Input 输入框内容去除头尾空白

1. 创建一个自定义指令文件，trimDirective.js：

export const trimDirective = {
  bind(el, binding, vnode) {
    el.addEventListener('input', () => {
      const field = binding.value;
      vnode.context.data[field] = vnode.context.data[field].trim();
    });
  }
};

2. 在 main.js 中注册自定义指令：

import { trimDirective } from './directives/trimDirective';
Vue.directive('trim', trimDirective);

3. 在组件中使用自定义指令：

<a-input size="small" v-model="data.orderNo" v-trim="'orderNo'" />