Heim > Web-Frontend > View.js > Hauptteil

vue.js怎么实现页面传值

coldplay.xixi
Freigeben: 2020-11-26 15:13:04
Original
2307 人浏览过

vue.js实现页面传值的方法:1、使用query传值,代码为【var name=this.$route.query.name】;2、使用params传值,代码为【params: { usersitelist: 'userlist' }】。

vue.js怎么实现页面传值

  • 该方法适用于所有品牌电脑

vue.js实现页面传值的方法:

1、使用query传值【地址栏可见】

比如从a.vue跳转至b.vue,传name=‘jack’,代码如下:

this.$router.push({
          path: "/result",
          query: { name: 'jack' }
        });
Nach dem Login kopieren

在b.vue通过地址栏的url 进行接收参数;

我是在created这个函数里面进行接收的,var name=this.$route.query.name;就可以接收到name这个参数了;

2、使用params传值【地址栏不可见】

这个方式要注意一点,在请求的时候需要写上在router下面index.js里面的name,

可以和query一同传值;

 this.$router.push({
          path: "/result",
          name: "Result",
          query: { name: 'name' },
          params: { usersitelist: 'userlist' }
        });
Nach dem Login kopieren

params传值在地址栏不可见,但是取值方式是和query一样的,我也是在created函数里面进行取值的;

var usersitelist = this.$route.params.usersitelist;
Nach dem Login kopieren

相关免费学习推荐:javascript(视频)

以上是vue.js怎么实现页面传值的详细内容。更多信息请关注PHP中文网其他相关文章!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!