vue取值及方法的操作


說明:在唯一 div里取值可以不需要加 this , 在 vm 里取值需要加 this

 

1.路由傳值:

傳值:this.$router.push({ path: '/a', query: { id:1, age:18 } }) //如點擊時觸發

接收:this.$route.query.id  ||  this.$route.query.age

 

2.父組件找子組件拿值及其方法:

父:

import b1 from './b.vue'

components:{b1}

<b1 ref="b11"></b1>
拿值:this.$refs.b11.b1  // 如果直接取值失敗,在 mounted(){} 里先賦值即可解決
拿方法:this.$refs.b11.b1()
 
3.子組件找父組件拿值及其方法:
父:
import b1 from './b.vue'
components:{b1}
<b1 :a="a" @a2="a2"></b1>  // "a": 父的值, "a2": 父的方法(可加形參)
子:
拿值:props:[ ' a ' ]  //{{a}}
拿方法:created(){ this.$emit( ' a2 ', 實參1,實參2,......) }
 
4.全局方法:
創建js文件(導出時,如果直接把整個方法都寫在 export default 內部,方法不要帶function,變量不要 var ):
 
全局引入並注冊:

 

任意組件內使用(全局里的變量可以修改,但頁面刷新之后值會恢復。本頁面重新賦值不會,路由跳轉不會,如以下代碼跳轉到b組件,全局變量在b組件是200):

 

 5.兄弟組件傳值:

全局添加空vue為橋梁(也可新建一個js文件,不全局添加,這樣需要用的兄弟組件導入即可且使用不用加 this)

 

 兄弟1傳值:

 兄弟2接收:

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM