vue子組件修改data或調用的方法-創新互聯

這篇文章主要介紹vue子組件修改data或調用的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創新互聯建站從2013年成立，是專業互聯網技術服務公司，擁有項目成都做網站、網站建設網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元梁園做網站,已為上家服務,為梁園各地企業和個人服務,聯系電話:18980820575

<子組件 ref='xxx'></子組件>

父組件：

this.refs.xxx.子組件定義的方法()

外部：

vm.$refs.xxx.子組件定義的方法()

注意：子組件添加 ref 屬性,父組件才可以通過 refs 獲取.

補充知識：vue更新data值，如何重新渲染組件？

一：先介紹一下Vue.set()方法

注：如果從服務端返回的數據量較少，或者只有幾個字段，可以用vue的set方法，如果數據量較大，請直接看第二種情況。

官網API是這樣介紹的：

Vue.set(target,key,value)

參數：

{Object | Array} target
{string | number} key
{any} value

返回值：設置完后的新值

用法：

向響應式對象中添加一個屬性，并確保這個新屬性同樣是響應式的，且觸發視圖更新。它必須用于向響應式對象上添加新屬性，因為 Vue 無法探測普通的新增屬性 (比如 this.myObject.newProperty = ‘hi')

注意對象不能是 Vue 實例，或者 Vue 實例的根數據對象。

我舉個簡單的小例子，把這種用法介紹一下：

一：data中定義一個對象：

data() {
 return {
  person:{
  age:10,
  name:'李古拉雷',
  sex:1
  }
 }
}

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

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画