vue v-model 写三元

当你在 Vue 中使用 v-model 绑定数据时，可以使用三元表达式来根据条件动态绑定不同的值。下面是一个示例：

<template>
  <div>
    <input type="text" v-model="isConditionTrue ? value1 : value2" />
    <button @click="toggleCondition">Toggle Condition</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isConditionTrue: true,
      value1: 'Value 1',
      value2: 'Value 2'
    };
  },
  methods: {
    toggleCondition() {
      this.isConditionTrue = !this.isConditionTrue;
    }
  }
};
</script>

在上面的示例中，我们使用了一个 input 元素，并且通过 v-model 绑定了一个动态的值。根据 `isConditionTrue` 的值，input 元素会显示 `value1` 或者 `value2` 的值。然后，我们还提供了一个按钮，点击按钮可以切换 `isConditionTrue` 的值，从而改变 input 的绑定值。