特定の条件下で、v-text-field テキストの位置を移動します。

Question

<p>Vue.js と Vuetify を使用しています。面白い場面に遭遇しました。 したがって、オプションは 3 つあります (ラジオ ボタン)</p>

<li>左</li>
• 中
<li>右</li> </ul> <p>特定のテキスト値と読み取り専用属性を持つ v-text-field があります。 ここで、オプションが変更または選択されたときに、v-text-field 内のテキストの位置を変更したいと思います。 </p> <p>たとえば、オプション 1 (左) の場合、テキストは v-text-field 内で左に移動する必要があります。オプション 2 (中央) を使用すると、テキストは中央に移動する必要があります。などなど。 </p> <p>これに関する提案がありましたら。もっと良い方法があれば、ご指導ください。 </p>

Answer 1

Vue

ではクラスまたはスタイル バインディングを使用できます リーリー リーリー

次に、activeAlignment をラジオ ボタン モデルにバインドします

Answer 2

クラスを作成してバインドできます:

リーリー リーリー リーリー