如果有十多个输入框怎么优化写法

如果有十多个输入框，你可以使用一个对象来管理这些输入框的值。这样可以简化代码，并且更灵活地处理多个输入框的情况。以下是一个示例：

<template>
  <div>
    <input type="text" v-model="form.input1">
    <input type="text" v-model="form.input2">
    <input type="text" v-model="form.input3">
    <!-- ... 其他输入框 ... -->
    <button @click="calculateTotal">计算</button>
    <p>Total: {{ total }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        input1: '',
        input2: '',
        input3: ''
        // ... 其他输入框 ...
      },
      keywords: [
        "招标50%",
        "比选50%",
        "其他50%",
        "询价45%",
        "竞争性谈判45%",
        "单一来源谈判30%",
        "内部采购30%"
      ]
    };
  },
  computed: {
    total() {
      const content = Object.values(this.form).join(' ');
      return this.keywords.some(keyword => content.includes(keyword));
    }
  },
  methods: {
    calculateTotal() {
      // 执行其他逻辑
    }
  }
};
</script>

在上面的示例中，我们使用一个名为`form`的对象来管理所有的输入框的值，每个输入框对应一个属性。然后，在计算属性`total`中，我们将所有输入框的值连接成一个字符串，并使用关键词数组`keywords`来判断内容是否包含关键词。最后，我们可以在模板中显示计算结果。

这样，无论有多少个输入框，你只需要在`form`对象中添加对应的属性即可，而不需要单独为每个输入框定义一个变量。同时，你可以方便地在`calculateTotal`方法中处理其他逻辑。