vue基本傳參和獲取參數


剛好看見以前自己還沒用vue的傳參和接受參數的博客,想起現在自己用vue用的最多,那就記錄一下vue的傳參和接受參數的方式;

vue跳轉路由用this.$router.push()方法,這個方法可以接受對象或者字符串兩種參數:
 
      我先說當是Object的時候,常用的有{path: ‘’,query:{},name:'',params:{}} path/name/query/params這四個屬性,
     ================
      使用params傳參要用name不能使用path;使用params傳參要用name不能使用path;使用params傳參要用name不能使用path;
     ================
      path/name是你路由配置的時候對應得path/name,對應寫一個就好,query/params都是用來傳參的是個對象,把你想傳的參數按key/value寫上,它們區別為query是把你參數拼接在路由后你在地址欄可以看見,而params幫你把參數給隱藏了,比如你傳一個id參數值是123,那這個參數就是{id:'123'}。所以完整的跳轉傳參this.$router.push({name:'test',params:{id:'123'}})。這時候在你接受參數的頁面用this.$route.params.id就可以取到參數值‘123’。這里的this.$route.params和你跳轉的對應,你要是配置的是query,那也就是對應this.$route.query。
     之前說this.$router.push()接受字符串,其實它是this.$router.push({path:'/test'})的簡寫,當沒有參數的時候你就可以寫成this.$router.push(‘/test’)。
    
     到這里基本就把vue里參數使用和獲取說完了,那我擴展一下,不一定正規的使用方法,this.$router.push(‘/test?id=123456’) 跳轉地址帶參數,獲取this.$route.query.id一樣可以取到123456。
     ================
      使用params傳參要用name不能使用path;使用params傳參要用name不能使用path;使用params傳參要用name不能使用path;
     ================
    最近在學習vue源碼,看得都是別人理解的,自己也有一點點心得。有機會分享一波,分享也是一種記憶。


免責聲明!

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



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