vue.js - 我可以对 v-model 使用条件运算吗？

Question

我想要实现的是一个有条件地处理新输入或旧输入(编辑)的组件。我尝试过这个，受到这个question的启发:

<input type="text" placeholder="New Event" v-model="event.title ? event.title : title" required/>

甚至

<input type="text" placeholder="New Event" v-model="event.title || title" required/>

但是两者都不起作用。我在控制台中收到错误。

event.title 来自 prop event;

title 是数据对象中的一个属性，其值为 ''。

在 Vue 2 中我需要构建 2 个独立的组件吗？一个用于新输入，另一个用于编辑？

Answer 1

你可以试试这个，它对我有用:

  <td>
    <div v-if="event">
      <input v-model="event.title">
    </div>
    <div v-else><input v-model="title"></div>
  </td>