#Outer

移动端底部导航固定配合vue-router实现组件切换

在我们平时练习或者实际项目中也好,我们常常遇到这么一个需求:移动端中的导航并不是在顶部也不是在底部,而是在最底部且是固定的,当我们点击该导航项时会切换到对应的组件。相信对于很多朋友而言,这是一个很简单的需求,而且市面上有很多开源的组件库就可以实现,像比如说:cube-ui等!那么对于一个要是还在练习以及对第三方组件库不...

vue 中router-link下方的横线如何去除

1.router-link-active{//点击时去掉下划线2text-decoration:none;3}45a{6text-decoration:none;//去掉原有链接文字下划线7} ...

React-router 要点

1.关于url中传参的问题比如我想打开:/articles/detail/101在url中要传一个参数/articles/detail/:articleId路由中:<Routepath="/articles/detail/:articleId"component={ArticleDetail}/>Link中...
代码星球 ·2020-12-17

vue开发-scss在两个router-view时,第二个的不编译了

原因?不知道啊,坑啊,跳进去啊  有古怪啊,突然又好了也许我添加了这块importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefault{//==newvuename:'nav',data(){...............

vue-Router路由

单页应用是无刷新,整个webapp就一个html文件,里面的各个功能页面是javascript通过hash,或者historyapi来进行路由,并通过ajax拉取数据来实现响应功能。因为整个webapp就一个html,所以叫单页面! vue-router原理vue-router通过hash与history两种...
代码星球 ·2020-11-21

vue-router使用

vue跳转简单demo步骤一、具备所要跳转的页面组件 about.vue<template><div><h1>about</h1><p>{{Msg}}</p></div></template><script&...
代码星球 ·2020-10-24

关于dva/fetch和dva/router的警告提示

 将importfetchfrom'dva/fetch';替换为 import{fetch}from'dva';可以解决//importfetchfrom'dva/fetch';import{fetch}from'dva';经过长时间的排出,由于采用的是umi框架,umi包中引用的dva格式问题,重...

this.$route和this.$router的区别

1.this.$router:    (个人观点:可以用来传递参数)    表示全局路由器对象,项目中通过router路由参数注入路由之后,在任何一个页面都可以通过此方法获取到路由器对象,并调用其push(),go()等方法;this.$router.push...
代码星球 ·2020-09-13

vue router 路由懒加载

懒加载模式大项目中,为了提高初始化页面的效率,路由一般使用懒加载模式,一共三种实现方式。(1)第一种写法:component:(resolve)=>require(['@/components/One'],resolve)(2)第二种写法:component:()=>import('@/components...
代码星球 ·2020-08-25

React学习(3)——Router路由的使用和页面跳转

React-Router的中文文档可以参照如下链接:        http://react-guide.github.io/react-router-cn/docs/Introduction.html   文...

vue-router实例

最近刚刚用vue写了个公司项目,使用vue-cli构建的,算是中大型项目吧,然后这里想记录并且分享一下其中的知识点,希望对大家有帮助,后期会逐渐分享;话不多说,直接上代码!!app.vue1<template>2<divid="app">3<router-view></rout...
代码星球 ·2020-08-20

router单页面多个标签tags的用法<router-view></router-view>

<keep-alive><router-view:key="path"/></keep-alive>   ...

router单页面多个标签tags的用法<router-view></router-view>

<keep-alive><router-view:key="path"/></keep-alive>   ...

vue报错[Vue warn]: Unknown custom element: <router-Link>

vue浏览器报错,如下vue.runtime.esm.js?2b0e:619[Vuewarn]:Unknowncustomelement:<router-Link>-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretopr...
代码星球 ·2020-08-19

vue报错[Vue warn]: Unknown custom element: <router-Link>

vue浏览器报错,如下vue.runtime.esm.js?2b0e:619[Vuewarn]:Unknowncustomelement:<router-Link>-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretopr...
代码星球 ·2020-08-19
首页上一页...34567...下一页尾页