日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

Vue中inheritAttrs的使用實例詳解

瀏覽:147日期:2022-10-14 08:17:51

今天舉一個例子解釋一下inheritAttrs的使用

先看代碼

<body><div class='vueclass'><my-com wx-attr1='未定義屬性1' wx-attr2='未定義屬性2'></my-com></div><script type='text/javascript'>Vue.component('my-com',{props:{title:String,},inheritAttrs:false,template:`<div wx-attr1='hello' ><h1>{{title}}</h1></div>`,})const App = new Vue({el:'#app',data:{},methods:{}})</script></body>

當inheritAttrs的值為false時,自定義屬性是插入不到我們的組件中的,結果如下

Vue中inheritAttrs的使用實例詳解

當inheritAttrs的值為true時,自定義屬性可以插入到我們的組件中,并且會覆蓋掉在組件中相同未定義屬性名稱的值,結果如下

Vue中inheritAttrs的使用實例詳解

但在組件中定義的class屬性和style屬性,使用inheritAttrs屬性并不能阻礙class屬性和style屬性傳到模板中,如果模板中也存在class屬性和style屬性,這樣屬性會疊加到一起

結果如下

Vue中inheritAttrs的使用實例詳解

還有一種情況,先看代碼

<body><div class='vueclass'><my-com wx-attr1='未定義屬性1' wx-attr2='未定義屬性2' style='color:red'></my-com></div><script type='text/javascript'>Vue.component('my-com',{props:{title:String,},inheritAttrs:,template:`<div wx-attr1='hello' v-bind='$attrs'><h1>{{title}}</h1></div>`,})const App = new Vue({el:'#app',data:{},methods:{}})</script></body>

當模板里綁定v-bind='$attrs'時,inheritAttrs為true時,自定義屬性可以插入到我們的組件中,并且會覆蓋掉在組件中相同未定義屬性名稱的值,結果如下

Vue中inheritAttrs的使用實例詳解

當模板里綁定v-bind='$attrs'時,inheritAttrs為false時,自定義屬性可以插入到我們的組件中,但不會覆蓋掉在組件中相同未定義屬性名稱的值,結果如下

Vue中inheritAttrs的使用實例詳解

當模板里綁定v-bind='$attrs'時,并不會影響class屬性與style屬性,組件里的值依然會疊加到模板里

到此這篇關于Vue中inheritAttrs的使用的文章就介紹到這了,更多相關Vue inheritAttrs使用內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: Vue
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
黑丝一区二区三区| 国产情侣一区在线| 久久久噜噜噜| 日韩在线观看不卡| 久久人人99| 蜜桃视频欧美| 91成人网在线观看| 在线亚洲一区| 综合激情一区| 欧美一级网址| 久久久久观看| 福利一区二区| 久久中文字幕av| 视频一区二区欧美| 免费人成在线不卡| 日韩中文一区二区| 久久福利在线| 精品日韩视频| 宅男在线一区| 免费看日韩精品| 国产丝袜一区| 激情中国色综合| 久久国产电影| 亚洲精品a级片| 中文一区一区三区免费在线观| 蜜桃91丨九色丨蝌蚪91桃色| 奇米亚洲欧美| 国产精品久久久久久久免费观看 | 91精品福利观看| 国产伦精品一区二区三区千人斩 | 99久久激情| 亚洲专区视频| 久久在线91| 91精品xxx在线观看| 野花国产精品入口| 国产日产一区| 日韩毛片在线| 亚洲精品日本| 成人国产精品| 亚洲一区二区成人| 国产精品欧美三级在线观看 | 日韩午夜av在线| 日韩av一区二区三区| 久久这里只有| 在线视频免费在线观看一区二区| 国产欧美三级| 免费av一区| 国产精品亲子伦av一区二区三区| 久久九九精品| 国产亚洲人成a在线v网站 | 日本不良网站在线观看| 亚洲主播在线| 国产在线观看91一区二区三区| 1000部精品久久久久久久久| 欧美日韩精品一区二区三区视频 | 久久免费福利| 尤物精品在线| 精品视频91| 美美哒免费高清在线观看视频一区二区| 国产精久久久| 中文无码久久精品| 中文字幕高清在线播放| 日韩亚洲精品在线观看| 日韩免费看片| 久久精品凹凸全集| 欧美日韩四区| 麻豆成全视频免费观看在线看| 免费一级片91| 久久国产中文字幕| 国产精品一区二区三区av| 黑丝一区二区| 天堂av在线| 日本欧美大码aⅴ在线播放| 精品视频网站| 亚洲免费精品| 你懂的亚洲视频| 久久在线视频免费观看| 亚洲影院天堂中文av色| 日韩中文欧美| 91av一区| 国产亚洲一级| 三级小说欧洲区亚洲区| 日韩精品五月天| 色天使综合视频| 国产黄色一区| 日本亚洲欧洲无免费码在线| 女人av一区| av免费不卡国产观看| 国产精品一区二区精品| 蜜臀av一区二区三区| 色婷婷综合网| 国产精品亚洲产品| 日韩在线一区二区| 国产精品专区免费| 国产麻豆一区二区三区精品视频| 国产亚洲午夜| 日韩免费av| 国产精品nxnn| 综合欧美亚洲| 激情婷婷综合| 精品一区二区三区免费看| 亚洲一二三区视频| 91精品福利| 日韩网站中文字幕| 亚洲精品永久免费视频| 福利欧美精品在线| 精品九九久久| 国产精品国码视频| 国产精品videossex久久发布| 91精品国产自产在线丝袜啪| 日韩一区二区三区在线看| 中文一区一区三区免费在线观| 九一成人免费视频| 国产二区精品| av成人国产| 国产女优一区| 在线免费观看亚洲| 日本成人手机在线| 欧美一级一区| 欧美中文一区| 国产精品一区二区中文字幕| 国产精选久久| 麻豆久久一区二区| 精品国产亚洲一区二区在线观看| 里番精品3d一二三区| 久久精品国产久精国产爱| 麻豆精品在线播放| 精品一区视频| 正在播放日韩精品| 亚洲91视频| 性欧美精品高清| 亚洲婷婷丁香| 97se亚洲| 久久精品凹凸全集| 麻豆一区二区99久久久久| 黑森林国产精品av| 久久久天天操| 一区视频在线| 免费看欧美美女黄的网站| 日韩中文字幕不卡| 亚洲综合中文| 久久精品99久久久| 麻豆精品一区二区综合av| 精品国产亚洲日本| 精品免费在线| 在线一区视频观看| 最新日韩av| 日韩精品导航| 欧美精品99| 日韩精品永久网址| 乱人伦精品视频在线观看| 日本亚洲视频在线| 开心激情综合| 国产主播一区| 亚洲精品高潮| 欧美成人精品一级| 久久精品高清| 亚洲综合图色| 精品精品国产三级a∨在线| 激情综合自拍| 日韩美女精品| 成人亚洲一区| 欧美日韩国产一区精品一区| 日本精品另类| 福利在线免费视频| 亚洲欧美成人综合| 国产精品毛片久久久| 久久国产中文字幕| 日本一区福利在线| 成人国产精品| 石原莉奈在线亚洲三区| 久久不见久久见中文字幕免费| 免费在线小视频| 91成人精品视频| 久久国产精品免费精品3p| 999久久久精品国产| 亚洲+小说+欧美+激情+另类| 国产精品啊啊啊| 九九在线精品| 欧美激情一区| 亚洲在线网站| 成人国产精品久久| 亚洲综合婷婷| 日韩精品麻豆| 国产剧情一区二区在线观看| 欧美粗暴jizz性欧美20| 91亚洲无吗| 日韩免费久久| 亚洲精品一二| 四虎884aa成人精品最新| 日韩影片在线观看| 日韩在线看片| 欧美亚洲tv| 日韩高清不卡| 91在线成人| 激情综合自拍| 精品视频一区二区三区四区五区 | 嫩呦国产一区二区三区av| 最新日韩av| 久久成人高清|