随笔分类 -  vue

vue和原生交互
摘要：vue调用原生的方法 var u = navigator.userAgent; var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android安卓 var isiOS = !!u.match(/\(i[^;] 阅读全文
posted @ 2023-03-08 09:57 全村最靓的程序猿 阅读(158) 评论(0) 推荐(0)
vant移动端日历组件如何设置后端传过来的日期才可选
摘要：1 <template> 2 <div id="homeBox"> 3 <van-cell title="选择多个日期" @click="show = true" /> 4 <van-calendar 5 v-model="show" 6 :formatter="formatter" 7 :min- 阅读全文
posted @ 2022-12-20 14:53 全村最靓的程序猿 阅读(1299) 评论(0) 推荐(0)
关于网上的一系列操作后的，打包到服务器，element的woff文件依旧请求不到的问题
摘要：不妨在build > webpack.base.conf.js > 阅读全文
posted @ 2022-01-25 16:40 全村最靓的程序猿 阅读(53) 评论(0) 推荐(0)
vue配合element-ui，实现el-table表格无限滚动加载的功能（与自带的 infinite-scroll 结合）
摘要：注意：请尽量设置 el-table 的高度，可以设置为 auto/100%（自适应高度），未设置会取 400px 的默认值（不然会导致一直加载） 安装 npm install --save el-table-infinite-scroll 全局引入 import elTableInfiniteScr 阅读全文
posted @ 2021-08-18 09:12 全村最靓的程序猿 阅读(3932) 评论(4) 推荐(0)
vue的页面销毁，但是倒计时依旧继续的问题处理
摘要：data () { return { timer : null } }, beforeDestroy () { let that = this; clearInterval(that.timer); that.timer = null; }, destroyed () { let that = th 阅读全文
posted @ 2021-08-04 17:14 全村最靓的程序猿 阅读(509) 评论(0) 推荐(0)
Vue实现多选功能
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> 阅读全文
posted @ 2021-04-28 13:16 全村最靓的程序猿 阅读(1387) 评论(0) 推荐(0)
vue组件间的传值
摘要：父组件向子组件进行传值 父组件 <template> <div> 父组件: <input type="text" v-model="name"> <br> <br> <!-- 引入子组件 --> <child :inputName="name"></child> </div> </template> 阅读全文
posted @ 2021-02-04 10:00 全村最靓的程序猿 阅读(573) 评论(0) 推荐(0)
使用vue插件生成的pdf，如何获取pdf文件，而不是直接下载
摘要：事情是这样的：之前呢都是点击直接下载pdf或者点击去生成pdf（对我这种小菜鸡来说，直接用插件啦）；but，这次后端居然让我把文件传过去，一下懵逼的我，满世界求帮助；下面是我的求助历程； 1.首先呢我用的是vue框架，生成pdf的话就很简单了 先下载这两个依赖 npm install --save 阅读全文
posted @ 2020-08-13 08:58 全村最靓的程序猿 阅读(1588) 评论(0) 推荐(0)
vue实现动态改变地址栏的参数值
摘要：我的需求是，点击切换上下篇文章，我就在地址栏添加了参数，但是切换刷新后，还是原来的；所以就通过在点击的时候，将值赋值到data里面，然后通过watch监听，将值动态的换到地址栏上去，这样刷新就是你点击的最新的啦 阅读全文
posted @ 2019-10-12 10:41 全村最靓的程序猿 阅读(9697) 评论(0) 推荐(0)
vue实现点击当前的li，显示当前的详情并且关闭其他的
摘要：1 2 3 4 {{item.name}} 5 我是{{item.name}} 6 7 8 9 10 11 36 37 阅读全文
posted @ 2019-06-24 09:36 全村最靓的程序猿 阅读(2066) 评论(0) 推荐(0)
rem自适应布局的js代码
摘要：注：只需在script标签插入这段代码，将最后的750改成设计图的尺寸；尺寸将 对应的尺寸 / 100 ，单位为rem <script> ; (function (designWidth, maxWidth) { var doc = document, win = window, docEl = d 阅读全文
posted @ 2019-05-28 09:27 全村最靓的程序猿 阅读(1345) 评论(0) 推荐(0)
解决在vue中，自用mask模态框出来后，下层的元素依旧可以滑动的问题
摘要：移动端可在mask的元素上加上 @touchmove.prevent ，即可阻止下层元素滑动的问题； PC端可将最外成的mask使用position:fixed来实现。 阅读全文
posted @ 2019-05-28 09:17 全村最靓的程序猿 阅读(845) 评论(0) 推荐(0)