hello阿诚

有兴趣留言交流

2021年4月13日

vuex的持久化

摘要: 为啥呀持久化呢,因为vuex是存在 内存里的 ,你的一个f5 vuex的数据就没有 所有要持久化,所谓的持久化,就是将vuex里面的数据放到 localstorage里面 所以要用到 插件 vuex-persistedstate@3.0.0 直接下载就可以了 使用的方法简单 import creat 阅读全文

posted @ 2021-04-13 19:43 陆秋明v 阅读(377) 评论(0) 推荐(0) 编辑

vuex的五部分使用

摘要: 第一部分 : modules 的使用 1,引入用 modules 外的文件 import mdA from './moduleA/index' 然后 在 store 中使用 这样就相当于 将 mdA 模块的 state getters actions mutations 做一个独立的 模块 let 阅读全文

posted @ 2021-04-13 18:32 陆秋明v 阅读(121) 评论(0) 推荐(0) 编辑

2021年4月12日

路由钩子的使用

摘要: 1、在路由router-index.vue 里面使用的全局路由钩子 和组件 局部的路由钩子 这是全局的路由组件 router.beforeEach 进入前 router.afterEach 是进入以后 router.beforeEach((to,from,next)=>{ if(to.path '/ 阅读全文

posted @ 2021-04-12 19:26 陆秋明v 阅读(176) 评论(0) 推荐(0) 编辑

2021年4月11日

管理filter和map的区别

摘要: 相同点 两者不会对原数组进行修改 都会用新的数组承接 便利后的的数组 map 返回的是值 但是filter 直接做判断 为true 才返回 <template> <div> <button @click="btn">点击</button> {{arr}} <br> {{res1}} <br> {{r 阅读全文

posted @ 2021-04-11 15:34 陆秋明v 阅读(67) 评论(0) 推荐(0) 编辑

2021年4月10日

filter的简洁写法

摘要: new Vue({ el:"#app", data(){ return{ arr:[1,2,3,4] } }, methods:{ compute(){ this.arr = this.arr.filter(_=>_!==3) } } }) 阅读全文

posted @ 2021-04-10 15:13 陆秋明v 阅读(121) 评论(0) 推荐(0) 编辑

2021年4月8日

安卓时间显示没问题,但是苹果时间显示为null

摘要: let time = year + '-' + month + '-' + day - 的链接方式 在苹果端会出现 null 的问题 如果把链接符号 变成 / 就可以了 阅读全文

posted @ 2021-04-08 16:59 陆秋明v 阅读(167) 评论(0) 推荐(0) 编辑

vue子组件 向父组件 传递方法

摘要: this.$emit("changeFun", { action: "changeattr", value: false }, this.type);注意 向父组件 传递的 方法名 是 changeattr 阅读全文

posted @ 2021-04-08 15:47 陆秋明v 阅读(61) 评论(0) 推荐(0) 编辑

如何在vue项目里面展示 pdf文件

摘要: 首先下载 pdfjs-dist 这个插件 注意版本 "pdfjs-dist": "^2.4.456" 一定要这个版本 要不然会报错 在然后在 component 里面添加一个 空白的.vue文件 复制下面的代码 注意:url 是在public 里面的 静态资源 访问 public 里面的 资源 不需 阅读全文

posted @ 2021-04-08 09:43 陆秋明v 阅读(1170) 评论(0) 推荐(0) 编辑

2021年4月7日

vue项目二维码跳转

摘要: 1、首先下载 vue-qr npm/cnpm/yarn 2、在需要的。vue文件 中的 <script>标签里面 里面引入 import VueQr from "vue-qr"; export default { components: { VueQr, }, } 3、在template标签里面写 阅读全文

posted @ 2021-04-07 13:31 陆秋明v 阅读(390) 评论(0) 推荐(0) 编辑

vue-video-player在vue项目中使用

摘要: 1、下载 npm i/cnpm i/yarn add + vue-video-player 2、 在空白的.vue文件里面 引入使用就可以了 <template> <div> <video-player class="video-player vjs-custom-skin" ref="videoP 阅读全文

posted @ 2021-04-07 13:25 陆秋明v 阅读(227) 评论(0) 推荐(0) 编辑

导航