Vue + iView实现Excel上传功能的完整代码
摘要：1、HTML部分 <Col span="2">上传文件：</Col> <Col span="22" class="uploadExcelBox"> <Upload ref="uploadExcel" :loading="uploadLoading" :action="uploadFileUrl" a
阅读全文
posted @
2022-11-11 17:56
liuruyi007
阅读(293)
推荐(0)
vue 初始化data里面的数据，表单重置
摘要：Vue组件可能会有这样的需求： 在某种情况下，需要重置Vue组件的data数据。此时，我们可以通过this.$data获取当前状态下的data，通过this.$options.data()获取该组件初始状态下的data。 然后只要使用Object.assign(this.$data, this.$o
阅读全文
posted @
2022-08-18 20:47
liuruyi007
阅读(3483)
推荐(0)
Vue 中使用 localStorage
摘要：1、什么是 localStorage ？使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage ： sessionStorage临时存储，为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括
阅读全文
posted @
2022-05-12 18:42
liuruyi007
阅读(366)
推荐(0)
vue点击回车键进行搜索
摘要：<div class="searchBox"> <form> <i class="iconfont icon-search"></i> <input type="text" v-model.trim="searchKeyword" autocomplete="on" type="search" na
阅读全文
posted @
2021-09-08 17:52
liuruyi007
阅读(775)
推荐(0)
vue中强制刷新页面的方法
摘要：方法一： 1 this.$router.go(0) // 会出现一段空白页，用户体验不好 方法二： 在app.vue中定义reload()方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
阅读全文
posted @
2021-03-15 18:19
liuruyi007
阅读(4303)
推荐(1)
在vue里添加的lottie动画
摘要：什么是Lottie？ Lottie是一个iOS，Android和React Native库，可以实时渲染After Effects动画，允许应用程序像使用静态图像（在这里动画被转化成json文件）一样轻松使用动画。网上也有丰富的动画资源可供我们选择 Lottiefiles 为什么Lottie？ 1.
阅读全文
posted @
2020-12-14 16:28
liuruyi007
阅读(328)
推荐(0)
vue-cli3的eslint配置问题
摘要：vue-cli3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误 error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1: 1 error found. 1 error
阅读全文
posted @
2020-12-10 19:27
liuruyi007
阅读(798)
推荐(0)
vue使用vue-awesome-swiper插件结合animate.css
摘要：中文教程：https://www.swiper.com.cn/api/parameters/21.html Swiper Animate使用方法：https://www.swiper.com.cn/usage/animate/index.html 在前端使用swiper很多人都能想到使用swpier
阅读全文
posted @
2020-12-08 21:08
liuruyi007
阅读(944)
推荐(1)
vue组件独享守卫钩子函数参数详解（beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave）
摘要：一样的和前面路由钩子类似的步骤 首先在demo下面的components下面新建一个test.vue组件 test组件代码 <template> <div class="test_box"> <p @click="go">测试组件内部守卫的作用，点击跳到HelloWorld</p> </div> <
阅读全文
posted @
2020-12-02 14:07
liuruyi007
阅读(237)
推荐(0)
vue中使用localStorage存储信息的使用方法（详解）
摘要：一、什么是localStorage JSON.parse()作用是将字符串转化成json数组，JSON.stringify()作用是将json数组转换成字符串 对浏览器来说，使用Web Storage存储键值对比存储Cookie方式更直观，而且容量更大，它包含两种：localStorage和sess
阅读全文
posted @
2020-11-12 19:38
liuruyi007
阅读(4504)
推荐(0)
vue项目打包后css背景图无法显示，路径不对的问题
摘要：问题描述： 自己在自学vue做项目的过程中，遇到一个有关背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图： 当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不对了，显示
阅读全文
posted @
2020-11-04 13:47
liuruyi007
阅读(943)
推荐(0)
Vue：图片预览vue-photo-preview的使用
摘要：vue-photo-preview 应用场景 点击图片，能够以类似朋友圈的方式展示图片，主要功能：预览，放大。 选择 经过网上一番查阅，有三款插件比较不错，分别是 viewerjs、vue-photo-preview 以及 vue-picture-preview。经过简单比较，viewerjs 功能
阅读全文
posted @
2020-09-01 17:46
liuruyi007
阅读(5495)
推荐(0)
Vue中路径的`@/`和`./`有何区别
摘要：./表示相对路径，具体代表当前目录下的同级目录，遵从的是从后往前找文件 @/的意思：表示的是相对路径(当然这也是简写啦)，因为这个在根目录/build/webpack.base.conf.js文件中@是配置的，比如我的配置文件中@就代表src目录，遵从的是从前往后找，比如’@/components/
阅读全文
posted @
2020-06-30 14:43
liuruyi007
阅读(3921)
推荐(0)
vue中用 async/await 来处理异步
摘要：原文作者：https://www.cnblogs.com/SamWeb/p/8417940.html 昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，也是需要学习一下了。 先说一下async的用法，它作为
阅读全文
posted @
2020-06-11 16:34
liuruyi007
阅读(1969)
推荐(1)
vue 获取当前时间年月日
摘要：export function getNowDate() { let date = new Date(); let y = date.getFullYear(); let m = date.getMonth() + 1; let d = date.getDate(); let H = Da.getH
阅读全文
posted @
2020-05-07 15:01
liuruyi007
阅读(9832)
推荐(1)
js(包括vue)如何检测网络状况如离线......
摘要：通用方法，Html5在window.navigator对象上添加了一个属性onLine 返回布尔值 true表示在线.同时新增了两个事件： window.addEventListener('online', function(){ // 网络由异常到正常时触发 }); window.addEvent
阅读全文
posted @
2020-04-30 15:03
liuruyi007
阅读(3483)
推荐(0)
一篇搞定slot插槽
摘要：vue里提供了一种将父组件的内容和子组件的模板整合的方法：内容分发，通过slot插槽来实现。 在组件标签内部写入的内容默认的会被替换掉，如果想要在组件的模板里使用这些内容，就在对应的位置写上slot标签，这个slot标签就代表着这些内容。 匿名槽口 在父组件中使用子组件的时候，在子组件标签内部写的内
阅读全文
posted @
2020-04-29 17:54
liuruyi007
阅读(378)
推荐(0)
浙公网安备 33010602011771号