v-modelの条件演算子を使用していますか？

Question

私はvueコンポーネントを持っています。これは、選択したアイテムのアイテムを編集するためのフォームを表示しています。今では、新しいアイテムを作成するために2番目のフォームを使用する必要はありません。現時点では、オブジェクトを自動的に更新してアイテムを更新するv-modelをアイテムに自動的に取り込み更新します。このように条件演算子を使用することはできませんか？

<form @submit.prevent> 
    <div class="field"> 
    <label class="label">Job Title</label> 

    <p class="control"> 
     <input type="text" class="input" placeholder="Job title" v-model="experiences[editIndex].title ? experiences[editIndex].title : ''" /> 
    </p> 
    </div> 
</form> 

Answer 1

あなたはv-modelと条件演算子を使用することができますが、あなたはあなたの例にしようとしているようにあなたがv-model文字列を与えることはできません。

私は編集と作成に同じ形式を使用しません（好みかもしれません）。フォームを独自のコンポーネントにしてから、編集と作成のための2つの追加フォームコンポーネントを作成します。

しかし、実際に各入力のv-modelディレクティブでロジックを処理したい場合は、3項演算子の最後の部分に変数を与える必要があります。このようなもの：

v-model="experiences[i].title ? experiences[i].title : newExperience.title"