随笔分类 -  Vue

Vue 移动端中 页面禁止 滑动
摘要：给需要禁止滑动的div 加入：@touchmove.prevent即可 <template> <div @touchmove.prevent> <p>您好！</p> <p>您好！</p> <p>您好！</p> <p>您好！</p> <p>您好！</p> </div> </template> 阅读全文
posted @ 2020-09-25 10:00 路西德 阅读(1489) 评论(0) 推荐(0)
PC端生成二维码，微信扫码 带参数跳转微信小程序指定页面
摘要：1、首先在 登录 微信公众号-小程序-开发-开发设置 找到 ‘扫普通链接二维码打开小程序’，然后添加配置。 2、配置成功后，在PC端写一个按钮，点击按钮根据链接与参数生成二维码图片 <button type="default" @click="transmit">点击生成二维码</button> < 阅读全文
posted @ 2020-09-18 18:16 路西德 阅读(10994) 评论(0) 推荐(0)
VUE 实现复制功能
摘要：1、下载clipboard.js npm install clipboard --save 2、在需要使用的组件中引入 import Clipboard from 'clipboard'; 3、添加需要复制的内容与按钮 <span>我是需要复制的内容</span> <!-- 这个只是展示 --> < 阅读全文
posted @ 2020-09-17 18:38 路西德 阅读(1784) 评论(0) 推荐(0)
Vue 移动端 上拉加载更多
摘要：HTML 中 <div class="authorization_box" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10"> <!-- 循环数据列表 --> < 阅读全文
posted @ 2020-09-17 17:51 路西德 阅读(1296) 评论(0) 推荐(0)
Vue+Element 实现 模糊搜索
摘要：首先，npm安装Element，然后导入 HTML 中 <el-autocomplete v-model="searchtext" size="mini" :fetch-suggestions="querySearchGroup" @select="selectGroup" @input="grou 阅读全文
posted @ 2020-09-17 17:20 路西德 阅读(2850) 评论(0) 推荐(1)
Vue 链接生成二维码( QRCode )
摘要：1、安装 qrcodejs2 cnpm i qrcodejs2 --save 2、页面中引入 import QRCode from "qrcodejs2"; 3、页面展示 <div id="qrcode" ref="qrcode"></div> 4、QRCode配置（ methods中 ） qrco 阅读全文
posted @ 2020-09-16 14:46 路西德 阅读(3362) 评论(0) 推荐(0)
给所有请求添加token 与 路由拦截器
摘要：设置baseURL let _baseUrl = "https://api.zhiyedang.cn"; const http = axios.create({ baseURL: _baseUrl }) export const baseURL = _baseUrl 给所有请求添加token htt 阅读全文
posted @ 2020-09-16 11:54 路西德 阅读(1855) 评论(0) 推荐(0)