首頁 > web前端 > Vue.js > vuejs怎麼插入變數

vuejs怎麼插入變數

藏色散人
發布: 2021-10-27 14:39:21
原創
2985 人瀏覽過

vuejs插入變數參數的方法:1、開啟對應的js程式碼;2、透過「

  • 」方式插入變數參數即可。
  • vuejs怎麼插入變數

    本文操作環境:windows7系統、Vue2.9.6版、Dell G3電腦。

    vuejs怎麼插入變數?

    vue.js在標籤屬性中插入變數參數:

    html的標籤的屬性,例如id、class、href需要動態傳遞參數,拼接字串,查了一些資料,並沒有找到合適的解決方法,琢磨了一上午,終於試出了方法:

    vuejs怎麼插入變數

    v-bind:屬性=“ '字串' 自訂變數名”,自己試了沒問題,有需要的朋友可以藉鏡下!

    最後要注意一下屬性一定是":屬性="這種形式才會起作用

        <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>
    登入後複製

     推薦:《最新的5個vue.js影片教學精選

    以上是vuejs怎麼插入變數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板