![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
橘子y
知识一点一滴的积累,记录下学习的旅程!
展开
-
vue-pdf实现pdf文件在线预览
1. 前言PDF文件在线预览的功能相信大家都是有遇到过的, 但在我平时的项目中, 公司提供了相应的插件, 但是在h5等其他项目中, 我们还是只能靠自己呀! 今天就大概说一下 vue-pdf 这个组件, 大部分的需求还是可以满足的2. 安装npm install --save vue-pdf3. pdf 页面显示3.1 code<template> <div> <pdf ref="pdf" :sr原创 2022-03-11 17:32:22 · 3665 阅读 · 0 评论 -
uniapp vue 添加水印模板
在默认文件先新建components文件夹 创建vue 文件 ‘wm-watermark.vue’<template> <!-- 水印 --> <view class="watermark"> <block v-for="(item,index) in num" :key="index"> <view class="watermark-text" v-if="text != ''" :style="{opacity:opacity}"原创 2022-01-24 12:00:35 · 898 阅读 · 6 评论 -
小程序设置时间缓存限制,一段时候后自动清理缓存
在app.js文件里的 onshow(生命周期回调——监听小程序启动或切前台 )进行设置App({ onShow({原创 2021-09-09 15:25:24 · 1871 阅读 · 0 评论 -
vue项目,通过axios请求下载pdf文件
axios({ method: "post",//请求方式 url: '/jishi/jishi.daochu', responseType: 'blob', data: data //需要传的字段 }).then((res) => { let blob = new Blob([res.data], { type: `application/pdf` //wor...原创 2021-09-08 11:20:21 · 1206 阅读 · 0 评论 -
v-model.trim的作用
1、v-model 的修饰符,一般用于控制数据同步的时机2、.trim 自动过滤输入内容最开始 和 最后的 空格,中间的会保留一个空格,多的会被过滤掉原创 2021-06-11 09:30:10 · 1628 阅读 · 1 评论 -
解决 Element表格固定列时,滚动条被遮挡的问题
// 解决滚动条被遮挡的问题// ------------------ start ------------ ///deep/ .el-table { .el-table__fixed { height: auto !important; // 此处的important表示优先于element.style bottom: 13px; // 改为自动高度后,设置与父容器的底部距离,则高度会动态改变 }}/deep/ .el-table__body-wrapper { z-.原创 2021-05-24 17:34:10 · 2336 阅读 · 2 评论 -
vue-element-admin学习总结(一)
一 前言1.简介这是一个极简的vueadmin管理后台。它只包含了ElementUI&axios&iconfont&permissioncontrol&lint,这些搭建后台必要的东西。2.项目地址集成方案:vue-element-admin 基础模板:vue-admin-template 桌面终端:electron-vue-admin Typescript 版:vue-typescript-admin-temp...原创 2021-03-19 16:40:43 · 1386 阅读 · 0 评论 -
微信小程序-解决不能带参数跳转tabBar页面的问题
问题:在使用uniapp开发小程序应用中使用了 wx.navigateTo 结合 open-type="switchTab" 跳转到 tabBar页面之后 就无法把上个页面的参数传递过来。提供 解决跳转到tabBar页面传递参数 的两种方法1.使用wx.reLaunch() 可以进行传参<view open-type="switchTab" @click="addCart"> 加入购物车</view><script> export de...原创 2020-12-01 18:49:02 · 1662 阅读 · 1 评论 -
小程序-uni.previewImage实现图片的预览功能
uni.previewImage是uniapp提供的预览图片的方法1.准备结构<view v-for="(item,index) in photos" :key="index">//点击当前图片传入索引 <image :src="item.pics_small_url" @click="getImgIndex(index)"></image> </view>2.实现功能<script> expor原创 2020-12-01 14:35:03 · 24220 阅读 · 5 评论 -
vue如何在地址栏拼接url参数
vue如何在地址栏拼接url参数:this.$router.push({path:this.$route.path,query:{参数名:参数值}})this.$router.push({path:this.$route.path,query:{cityName:location.city}})如何继续追加url参数:this.$router.push({path:this.$route.path,query:{...this.$route.query,要添加的参数名:参数值}}).原创 2020-11-20 22:03:38 · 6936 阅读 · 0 评论 -
在vue项目中引入高德地图并使用
1.高德地图使用准备 开发之前的准备 需要注册账号, 创建应用, 创建 api key 调用地图的时候, 请求上带的 key 像高德地图服务器校验权限, 另外可以用来标识同一个程序的不同入口, 如网页端, 小程序端等 2.参考步骤2.1 注册账号https://lbs.amap.com/dev/id/choose2.2 创建应用2.3 添加key3.高德地图基本使用3.1 添加 dom<template&...原创 2020-11-16 23:13:43 · 5271 阅读 · 0 评论 -
vue递归组件实现评论回复结构
目录1.递归函数2.递归组件 - 评论2.1 test.vue 创建数据架构2.2创建mainComment.vue评论组件2.3 在test.vue页面引入组件并进行遍历数据渲染2.4 创建parent.vue组件,渲染第一层回复的父评论数据2.5 递归开始:生成未知层数的评论,parent 组件内部递归1.递归函数递归函数:是指函数直接或间接调用函数本身,则称该函数为递归函数。其中最经典的例子之一就是斐波那契数列function feibo...原创 2020-11-16 17:10:57 · 2475 阅读 · 10 评论 -
常用封装请求后台数据接口的api方法,方便复用
封装请求后台数据接口的api原创 2020-11-16 00:21:01 · 1686 阅读 · 0 评论 -
项目中快速简单使用第三方库qrcode生成二维码
生成二维码下载第三方的生成二维码包npm install --save qrcode导入到页面中并使用// 生成二维码的包import QRCode from "qrcode";原创 2020-11-15 22:33:02 · 764 阅读 · 0 评论 -
闲云旅游项目开发-(第二篇:实现登录功能,使用vuex的store管理数据)
本章涉及知识点:使用vuex/store管理数据 登录注册逻辑 Nuxt的本地存储一 登录注册页布局pages/user/login.vue 的布局代码如下:<template> <div class="container"> <!-- 主要内容 --> <el-row type="flex" justify="center" align="mid...原创 2020-11-09 15:51:11 · 596 阅读 · 0 评论 -
nuxtjs中@/nuxtjs/axios如何设置全局拦截器
//如果在插件里面需要获取到nuxt本身//需要exportdefaultimport{Message}from'element-ui';exportdefaultfunction({$axios,redirect}){//$axios.onError是一个nuxt提供的辅助拦截器函数//里面可以拦截到错误$axios.onError(err=>{//这里是每当出错的时候都会被拦截...原创 2020-11-09 10:33:03 · 2477 阅读 · 0 评论 -
Nuxt和普通的Vue
Nuxt是同构程序,这里的同构指的是一套代码,可以在浏览器运行,也可以在服务器(Nodejs)运行,也就是说可以同时使用浏览器的API和Nodejs的API。 普通的Vue页面只能使用浏览器的API,即使在Nodejs环境下开发也只是使用Webpack来编译打包。 Nuxt是前后端框架的集合,前端采用Vue,后端可选框架有Express、koa2, egg, api等,所以可以理解为Vue是一个页面模板的存在,类似于art-template , ejs Nuxt支持单页和多页应用。注意:虽然Nux原创 2020-11-09 13:08:12 · 8631 阅读 · 1 评论 -
vue-word-editor富文本框的基础使用
介绍:vue富文本编辑器组件,是基于[@quil](https://quilljs.com/)新增图片上传和视频上传功能。1. 使用1.1 安装:NPMnpm install vue-word-editor --save依赖 quill,axios,vue1.2 引入:import VueEditor from 'vue-word-editor';import 'quill/dist/quill.snow.css';1.3 注册和配置上传文件必须要设置请求头.原创 2020-11-06 09:57:10 · 3813 阅读 · 1 评论