0
私は2つの<input>
要素を持っています。彼らはかなり似ています。 だから私はそれらを1か所で定義しようとします。値のない属性のための準備ができたら
input(type="text", placeholder="{{(address.$index == 0)? ph1 : ph2}}", .....)
しかし、私は、属性が値を持たないときのif/elseロジックを書いたためにどのようには考えている:私はのようなものを書いたことができます別の値を持つ属性について
。 たとえば、私がaddress.$index
値に基づいて1つの<input>
要素でautofocus
属性
更新必要があります。 マイ* .jadeファイル
#my-input
.my-input
input(type="text",
autofocus="{{(condition == 0)? true : false}}",
placeholder="{{(condition == 0)? 'focused onLoad' : 'not focused'}}")
私の実際の結果は次のとおりです。
<div class="my-input">
<input type="text" autofocus="true" placeholder="focused onLoad">
</div>
......
<div class="my-input">
<input type="text" autofocus="false" placeholder="not focused">
</div>
しかし、私を必要:
<div class="my-input">
<input type="text" autofocus placeholder="focused onLoad">
</div>
......
<div class="my-input">
<input type="text" placeholder="not focused">
</div>
ない外部からの$インデックスを使用して入力をアクセスしようとする良い方法を見ることができるのようにループ。より多くのコードを提供してください。あなたのv-forがどこにあるか、それに使われているデータプロパティーを含みます。 – crabbly
実際に私はこの私のソースコードファイルで 'v-for'を見ませんでした。 しかし、私は説明のためのコードを追加しようとする私の問題。 –
コメントを無視してください。ここにvue.jsのタグがあり、あなたが使っていると思っていました。 – crabbly