vue子組件修改data或調(diào)用的方法-創(chuàng)新互聯(lián)

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

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

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

父組件：

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

外部：

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

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

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

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

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

官網(wǎng)API是這樣介紹的：

Vue.set(target,key,value)

參數(shù)：

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

返回值：設置完后的新值

用法：

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

注意對象不能是 Vue 實例，或者 Vue 實例的根數(shù)據(jù)對象。

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

一：data中定義一個對象：

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

文章名稱：vue子組件修改data或調(diào)用的方法-創(chuàng)新互聯(lián)
當前URL：http://bm7419.com/article28/hchjp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、App設計、外貿(mào)網(wǎng)站建設、品牌網(wǎng)站制作、網(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)

猜你還喜歡下面的內(nèi)容