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

ref與$refs怎么在vue中使用

這篇文章將為大家詳細講解有關ref與$refs怎么在vue中使用,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。

創(chuàng)新互聯(lián)主營勐臘網站建設的網絡公司,主營網站建設方案,重慶APP開發(fā)公司,勐臘h5小程序設計搭建,勐臘網站營銷推廣歡迎勐臘等地區(qū)企業(yè)咨詢

ref:被用來給元素或子組件注冊引用信息,引用信息將會注冊在父組件的$refs對象上。如果在普通的DOM元素上使用,那么指向的就是普通的DOM元素。

ref 有三種用法:

1、ref 加在普通的元素上,用this.ref.name 獲取到的是dom元素

2、ref 加在子組件上,用this.ref.name 獲取到的是組件實例,可以使用組件的所有方法。

3、如何利用 v-for 和 ref 獲取一組數組或者dom 節(jié)點

普通的DOM元素上使用

<div id="app7">
  <input type="text"ref="TEXT"/ >
  <button @click="add">添加</button>
</div>
var app7=new Vue({
  el:"#app7",
  data:{

  },
  methods:{
    add:function(){
      console.log(this.$refs);
    }
  }
})

子組件上使用

<div id="app7">
  <aaa ref=inputText></aaa>
  <input type="text"ref="TEXT" >
  <button @click="add">添加</button>
</div>
 Vue.component('aaa',{
    template:"<div>我是一個組件</div>"
  })
  var app7=new Vue({
    el:"#app7",
    data:{

    },
    methods:{
      add:function(){
        console.log(this.$refs.inputText);
        console.log(this.$refs);
      }
    }
  })
  var aaa=app7.$refs.inputText;
  //console.log(aaa);
  //console.log(aaa.$el.innerText);

$refs:一個對象,持有注冊過 ref 特性 的所有 DOM 元素和組件實例

注意:$refs只會在組件渲染完成之后生效,并且它們不是響應式的。這只意味著一個直接的子組件封裝的“逃生艙”——你應該避免在模板或計算屬性中訪問 $refs

關于ref與$refs怎么在vue中使用就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

當前名稱:ref與$refs怎么在vue中使用
鏈接URL:http://www.aaarwkj.com/article14/gdgcge.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站建設微信公眾號、用戶體驗域名注冊、App設計、網站制作

廣告

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

網站建設網站維護公司
六月丁香花五月婷婷| 欧美日韩人美精品一区在线| 欧洲亚洲国产一区二区| 91久久国产综合久久91| 日韩不卡一区二区在线观看| 成人黄色av在线看| 久久九九精品日本人妻视频| 大片天天看菲色亚洲黄色| 欧美+亚洲+精品+三区| 一级黄片电影中文字幕| 一区二区三区日韩激情| 久久久国产一区二区三区| 综合av在线一区天堂| 国产午夜视频在线观看一区| 亚洲国产精品成人女人| 精品人妻一区二区三区| 青青成线在人线免费啪| 国产一区二区91精品| 女同蝴蝶在线看完整版| 黑丝美女大战白丝美女| 久久国产亚洲欧美日韩精品| 国产av一区二区三区高潮蜜| 亚洲一区二区视频在线播放| 九色国产一区二区三区| 中文字幕人妻少妇美臀| 色老头视频一区二区三区| 中文字幕乱码伊人三级| 刚出嫁新婚少妇很紧很爽| 麻豆久久av免费观看| 先锋影音女同中文字幕 | 天堂av一区二区三区| 亚洲国产99在线精品一区| 欧美一区二区三区四区久久| 日本熟妇色在线视频不卡| 国产一级二级三级亚洲| 麻豆视传媒短视频网站免费| 欧美日韩免费高清视视频| 亚洲中文有码在线播放| 国产黄色三级电影在线| 亚洲欧美日韩成人在线| 欧美黄片完整版在线观看|