2016 - 2024

感恩一路有你

vue实现tab页切换不同组件 Vue.js组件tab实现选项卡切换?

浏览量:2290 时间:2021-03-10 20:13:52 作者:admin

Vue.js组件tab实现选项卡切换?

这三个子组件的代码引用如下:在JS//data(){return{A:“tab1”//默认显示tab1子组件}组件:{tab1”:tab1,“TAB2”:TAB2,“tab3”:tab3}~,我们需要解决“让滚动条在Vue路由器切换页面后返回顶部,而不是保持在原始位置”的问题(这也是我遇到的问题之一)。

方法1。在历史模式下:

请参阅文档:滚动行为。Vue router

文档中说:“当切换到新路由时,您希望页面滚动到顶部,或者保持原来的滚动位置,就像重新加载页面一样。是的,而且更好的是,它允许您自定义在切换路由时页面的滚动方式。”

方法2。别用历史模式

我两种方法都试过了,都很有效。

如果还有什么好办法,请私下告诉我。你用脚手架吗?从这个页面出来表明您已经成功地完成了第一步并进入了Vue世界。那你想干什么就干什么。环境已经建成。你所需要做的就是把你想要的东西放进去。Vue以组件的形式导入到页面中。导入引入组件,在组件中声明,然后在中使用

哈哈,我想您可以先查看手册或提供的演示。默认情况下,如果存在,则应直接切换而不刷新。如果需要刷新,应该重写它或调用update方法。这只是解决问题的一种方法,因为我以前就是这样使用jqueryeasyui的

vue实现tab页切换不同组件 前端框架有哪些 vue滚动和tab切换联动

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。