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

vue.jsのタグ属性に可変パラメータを挿入する方法について(詳細チュートリアル)

亚连
リリース: 2018-06-01 09:20:12
オリジナル
3277 人が閲覧しました

この記事では主に vue.js のタグ属性に変数パラメータを挿入する方法を紹介します。これは非常に優れており、必要な場合は

html タグの属性を参照できます。 href を動的にする必要があります。パラメータを渡したり、文字列を結合したり、いくつかの情報をチェックしたりしましたが、適切な解決策が見つかりませんでした。 「文字列」 + カスタムの「変数名」。私自身も問題なく試してみました。困っている友達はそこから学ぶことができます。

最後に、属性は vue.jsのタグ属性に可変パラメータを挿入する方法について(詳細チュートリアル)

 <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;" / alt="vue.jsのタグ属性に可変パラメータを挿入する方法について(詳細チュートリアル)" >
                  <a href="#" rel="external nofollow" ></a>
                </p>
              </li>
    </ul>
ログイン後にコピー

上記は私が皆さんのためにまとめたものです。将来皆さんのお役に立てれば幸いです。

関連記事:

vue2.0の計算 リストループ後の累積値の計算例

vueでv-forを使って二次元配列を走査

v-のデータグループ化の例Vue 用

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

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