ajaXJson

2021年9月29日

摘要： 1.在上拉加载更多外包裹 <van-pull-refresh></van-pull-refresh> <van-pull-refresh v-model="isLoading" :disabled="finished" @refresh="onRefresh" > <van-list v-model 阅读全文

posted @ 2021-09-29 23:09 ajaXJson 阅读(285) 评论(0) 推荐(0) 编辑

上拉加载更多(vant组件库）

摘要： 1.定义data变量值 data() { return { page: 1, limit: 10, artlist: [], // 是否正在加载下一页数据，改为true则不会反复触发load事件 // 每当下一页数据请求回来之后，千万记得把loading从true改为false loading: t 阅读全文

posted @ 2021-09-29 22:09 ajaXJson 阅读(346) 评论(0) 推荐(0) 编辑

props父传子类型Object

摘要：当父传子类型是Object时，props定义类型如下 1.父vue <ArticleInfo v-for="item in artlist" :cover="item.cover" ></ArticleInfo> 2.子vue type定义应为Object， default定义为function c 阅读全文

posted @ 2021-09-29 18:28 ajaXJson 阅读(753) 评论(0) 推荐(0) 编辑

2021年9月17日

案例(模拟登陆退出)

摘要：前置准备 router/index.js设定路由规则导入Login与Home import Login from '@/components/MyLogin.vue'import Home from '@/components/MyHome.vue' const router = new VueR 阅读全文

posted @ 2021-09-17 14:31 ajaXJson 阅读(82) 评论(0) 推荐(0) 编辑

2021年9月16日

路由导航守卫(全局前置守卫)

摘要：在router/index.js中导入和添加路由规则登录页与后台页面 import Main from '../components/main.vue'import Login from '../components/login.vue'const router = new VueRouter( 阅读全文

posted @ 2021-09-16 18:08 ajaXJson 阅读(450) 评论(0) 推荐(0) 编辑

2021年9月15日

route中的fullpath和query

摘要：    <!-- query: {name: 'zs a 阅读全文

posted @ 2021-09-15 23:01 ajaXJson 阅读(1423) 评论(0) 推荐(0) 编辑

声明式导航&编程式导航

摘要： 1.在浏览器中，点击链接实现导航的方式，叫做声明式导航，例如：普通网页中点击<a>链接、vue项目中点击<router-link>都属于声明式导航 2.在浏览器中，调用API方法实现导航的方式，叫做编程式导航,例如: 普通网页中调用location.href跳转到新页面的方式，属于编程式导航 vu 阅读全文

posted @ 2021-09-15 23:01 ajaXJson 阅读(254) 评论(0) 推荐(0) 编辑

动态路由传参

摘要： App2.vue <template> <div class="app-container"> <h1>App2 组件</h1> <router-link to="/movie/1">电影1</router-link> <router-link to="/movie/2">电影2</router- 阅读全文

posted @ 2021-09-15 23:00 ajaXJson 阅读(58) 评论(0) 推荐(0) 编辑

为路由规则开启props传参

摘要： index.js props:true开启props传参 const router = new VueRouter({ routes: [ {path:'/movie/:mid',component:Movie,props:true} ]}) Movies.vue props接受传参 <templa 阅读全文

posted @ 2021-09-15 23:00 ajaXJson 阅读(85) 评论(0) 推荐(0) 编辑

路由重定向

摘要： 1.组件路由重定向 index.js添加redirect属性，页面打开后自动跳转至home页面 const router = new VueRouter({ routes: [ {path:'/',redirect:'/home'} ]}) 2.子路由重定向在子路由中添加redirect属性 re 阅读全文

posted @ 2021-09-15 22:59 ajaXJson 阅读(763) 评论(0) 推荐(0) 编辑

公告