欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vue.js綁定屬性的示例-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)vue.綁定屬性的示例的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

為圍場等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及圍場網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都做網(wǎng)站、網(wǎng)站設(shè)計、圍場網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!

vue綁定屬性的方法:1、class綁定,代碼為【<li v-bind:class="'red'">item ---- key】;2、style綁定,代碼為【<div class="box" v-bind:style="{heig...】。

vue綁定屬性的方法:

1、屬性綁定(2種方式)

<!-- 綁定屬性 -->
<div v-bind:title="title">鼠標(biāo)hover</div>
<div :title="title">鼠標(biāo)懸浮</div>
<!-- 綁定地址 -->
<img v-bind:src="url" height="400" width="600"/>
<!-- html頁面渲染 -->
<!-- 直接數(shù)據(jù)綁定 -->
<div>{{html}}</div>
<!-- 綁定html屬性解析 -->
<div v-html="html"></div>
#js代碼
<script>
    export default {
        name: 'app',
        data() {
            return {
                msg: 'vue demo',
                title: '這里是一個title',
                url: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1561705454&di=33c13bd9a15f514bae71aaf8250ff305&imgtype=jpg&er=1&src=http%3A%2F%2Fp3.ssl.qhimg.com%2Ft017c9d8f1ba39d313f.jpg',
                html:'<h4>我是HTML文本</h4>'
            }
        }
    }
</script>

2、數(shù)據(jù)綁定的另一種

<!-- text數(shù)據(jù)綁定 -->
<div v-text="msg"></div>

3、class綁定

#html
<div>
    <h4>div顏色列表</h4>
    <ul>
        <!-- 簡單綁定class -->
        <li v-bind:class="'red'">
            item ---- key
        </li>
        <br/>
        <!-- 列表綁定 -->
        <li v-for="(item,key) in list" :class="{'red':key ==0,'blue':key==1,'green':key==2,'pink':key==3}">
            {{item}} ---- {{key}}
        </li>
    </ul>
</div>
#js代碼
export default {
    name: 'app',
    data() {
        return {
            list: ['紅色', '藍(lán)色', '綠色', '粉色'],
        }
    }
}

4、style綁定

<!-- style綁定 -->
<div class="box" v-bind:style="{height:heightMax+'px',width:widthMax+'px'}">這里是一個div盒子</div>
#js代碼
export default {
    name: 'app',
    data() {
        return {
             widthMax: 400,
             heightMax: 200,
        }
    }
}

感謝各位的閱讀!關(guān)于vue.綁定屬性的示例就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

分享名稱:vue.js綁定屬性的示例-創(chuàng)新互聯(lián)
網(wǎng)頁地址:http://aaarwkj.com/article22/pjhjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、網(wǎng)站收錄、網(wǎng)站設(shè)計、微信小程序、靜態(tài)網(wǎng)站建站公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管
成年人片免费在线观看| 成人三级中文字幕电影| 久久av一区二区三区.| 国产精品欧美一区二区视频| 日韩一级久久精品理论| 91精品手机在线观看| 日韩一区二区精品网站| 国产亚洲精品视频免费| 黄色成人av在线网站| 欧美日韩亚洲一区二区搜索| 国产专区亚洲精品欧美| 欧美激情一区二区亚洲专区| 国产成人99亚洲综合精品| 日韩精品综合成人欧美| 亚洲精品午夜福利网| 黄片免费在线播放欧美| 欧美二区三区精品在线| 在线播放国内自拍情侣酒店| 欧美内射专区精品一区| 国产中文精品字幕a区| 精品一区二区三区女同| 国产不卡的视频在线观看| 国产高清av免费在线播放| 日本久久91跳蛋视频| 精品国产无遮挡污污网站| 亚洲天堂av在线有码| 欧美高清在线观看视频| 亚洲成av人片青草影院| 国产福利三级在线观看| 亚洲精品成人福利网站| 亚洲成在人天堂一区二区| 天天操天天射夜夜爽| av大全网站免费一区二区| 激情国产白嫩美女在线观看| 国产精品三级竹菊影视| 爱爱网爱综合日日干夜夜操| 91麻豆精品一区二区三区| 亚洲精品91在线中文字幕| 中文字幕制服国产精品| 亚洲国产成人精品久久精品| 久久婷婷激情亚洲综合色|