ホームページ > ウェブフロントエンド > jsチュートリアル > vue.js のタグ属性に変数パラメータを挿入する方法

vue.js のタグ属性に変数パラメータを挿入する方法

php中世界最好的语言
リリース: 2018-03-28 17:00:36
オリジナル
1886 人が閲覧しました

今回は、vue.js がタグ属性に変数パラメーターを挿入する方法を説明します。vue.js がタグ属性に変数パラメーターを挿入するための 注意事項 は何ですか?実際のケースを見てみましょう。 html タグの

attributes

(id、class、href など) は、パラメータを動的に渡して strings を結合する必要があります。午前中ずっと考えた後、適切な解決策が見つかりませんでした。メソッドを試しました。:

v-bind:attribute = "'string'+self define variable

name"、私自身も試してみましたが、問題ありません。困っている友達はそこから学ぶことができます。

最後に、属性は ":attribute="

このフォームは機能します

 <ul class="menu" v-for="(item,index) in 4">
              <li :class="{&#39;selected&#39;:index===clickIndex}" @click="selected(index)">
                <p>
                  <h3>{{item}}点位标签</h3>
                  <span style="margin: 15px 0px;">附近的资产:3个(2个未完成修订)</span><br />
                  <img :src="&#39;img/&#39;+(item+nameIndex)+&#39;.jpg&#39;" />
                  <a href="#" rel="external nofollow" ></a>
                </p>
              </li>
    </ul>
ログイン後にコピー

』である必要があることに注意してください。この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、こちらをご覧ください。他の php 中国語 Web サイト関連の記事にも注目してください。

推奨読書:

angularjs圧縮後のファイルエラーを解決する方法


vueでクロスドメイン処理にaxiosを使用する方法

以上がvue.js のタグ属性に変数パラメータを挿入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート