vant4 输入框多值省略展示个数

Vant 是一个轻量、可靠的移动端 Vue 组件库，它提供了多种组件，其中包括输入框（Input）组件。在 Vant 4 中，如果你想要设置输入框在显示多值时进行省略展示，可以通过设置 `input` 组件的 `formatter` 属性来实现。

`formatter` 属性允许你定义输入框的显示格式，你可以通过自定义函数来控制输入框内容的显示。例如，如果你希望输入框在显示超过三个值时进行省略，可以这样设置：

Vue.use(Vant);

// 在Vant中，input组件提供了formatter属性，可以设置输入值的展示格式
<van-input
  v-model="inputValue"
  :formatter="formatter"
  placeholder="请输入内容"
/>

data() {
  return {
    inputValue: '' // 绑定的输入框内容数据
  };
},

methods: {
  formatter(value) {
    const values = value.split(' '); // 假设输入值以空格分隔
    if (values.length > 3) {
      return values.slice(0, 3).join(' ') + '...'; // 当值超过三个时，只展示前三个并添加省略号
    }
    return value;
  }
}

在上述代码中，`formatter` 方法会检查输入值的分隔结果，如果超过三个值，就只保留前三个，并在最后添加省略号，以实现多值省略展示。