vuejsに変数を挿入する方法

藏色散人
リリース: 2021-10-27 14:39:21
オリジナル
2938 人が閲覧しました

Vuejs で変数パラメーターを挿入する方法: 1. 対応する JS コードを開きます; 2. "

  • " メソッドを使用して変数パラメータを挿入します。
  • vuejsに変数を挿入する方法

    この記事の動作環境: Windows 7 システム、Vue バージョン 2.9.6、Dell G3 コンピューター。

    vuejs に変数を挿入するにはどうすればよいですか?

    vue.js は、変数パラメーターをタグ属性に挿入します:

    html id、class、href などのタグ属性は、パラメーターとスプライスを動的に渡す必要があります。いくつかの情報を確認しましたが、適切な解決策が見つかりませんでした。午前中ずっと考えた後、最終的に次の方法を試しました:

    vuejsに変数を挿入する方法

    v-bind:attribute = 「 ' String 'カスタム変数名」、私も試してみましたが、うまくいきました。困っている友達はそこから学ぶことができます。

    最後に、属性は ":attribute=" である必要があることに注意してください。この形式は機能します。

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

    推奨事項: "最新の vue.js ビデオ チュートリアル 5 選

    以上がvuejsに変数を挿入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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