随笔分类 - vue
use
点击唤起element-ui日期选择器
摘要：<li class="more" v-if="showMore" style="position:relative;" @click="showMorTime">更多日期 <el-date-picker v-model="chooseCurrentDtae" type="date" ref="tim
阅读全文
vue在部分谷歌老版本出现（双向绑定无效问题）
摘要：问题描述： 部分谷歌浏览器（我这里遇到vue3项目）要求只能输入数字类型，我这里输入中文后再次输入数字后不生效（页面显示数据和定义变量赋值不匹配也就是双向绑定失效）； 错误代码示范： <el-input v-model="ruleForm.code" type="text" onkeyup="val
阅读全文
vue2 升级 vue3部分注意事项
摘要：备注：部分升级时遇到的问题简单整理（后续补充） 一）部分方法转化:参考（升级指南：https://gogocode.io/zh/docs/vue/vue2-to-vue3） （1）Filters（过滤器在vue3中已经废弃） ①全局混入的过滤器将filters转化成方法（methods） ②局部过滤
阅读全文
JS监听微信、⽀付宝等移动app及浏览器的返回、后退、 上⼀页按钮的事件⽅法
摘要：⼤家知道在页⾯中我们可以使⽤javascript window history，后退到前⾯页⾯，但是由于安全原因javascript不允许修改history⾥已有的url链接，但可以使⽤pushState⽅法往history⾥增加url链接，并且提供popstate事件监测从history栈⾥弹出u
阅读全文
vue 项目中检测是否为微信环境还是支付宝环境
摘要：项目中运用到的检测环境方式：可根据不同环境实现不同逻辑 //H5判断浏览器是微信还是支付宝 export function isAlipayOrWechat() { var userAgent = window.navigator.userAgent.toLowerCase(); if (userA
阅读全文
vue图片压缩上传
摘要：转载：https://blog.csdn.net/sunddy_x/article/details/123528350 前言 之前图片压缩是公司前辈留下的一个js方法，采用的回调函数处理。最近一个项目为了优化用户体验，在图片上传失败后要根据接口返回的状态值更改页面UI，此时该js方法就会出现异常，于
阅读全文
编写一个 vue 组件发布至 npm
摘要：转载：https://kuangyx.cn/docs/%E6%96%87%E7%AB%A0/%E5%89%8D%E7%AB%AF/%E7%BC%96%E5%86%99%E4%B8%80%E4%B8%AAvue%E7%BB%84%E4%BB%B6%E5%8F%91%E5%B8%83%E8%87%B3n
阅读全文
Vue3配置错误路由重定向写法
摘要：vue2重定向写法： //直接报错 { path: "*", redirect: "/login" }, vue3重定向写法：1: { path: "/:catchAll(.*)", redirect: "/login" } 2 { path: "/:pathMatch(.*)", redirect
阅读全文
将页面dom导出为pdf格式并进行下载
摘要：1.使用npm下载两个插件 a.将html页面转换成图片 npm install --save html2canvas b.将图片生成pdf npm install jspdf --save 或者直接使用cdn <script src="https://cdnjs.cloudflare.com/aj
阅读全文
vue 滑块 验证
摘要：效果： 1、创建SliderCheck.vue组件 <template> <div class="slider-check-box"> <div class="slider-check" :class="rangeStatus ? 'success' : ''"> <i @mousedown="ra
阅读全文
vue3+vite应用中添加sass预处理器
摘要：转载：https://blog.csdn.net/sinat_41211717/article/details/120365001 一、如何安装 进入项目目录直接npm安装即可，不用繁琐的各种配置 npm install --save-dev sass 如果安装了，但是运行vite启动项目依旧出现报
阅读全文
Vue2.0与Vue3.0区别总结
摘要：结构部分 程序主入口文件 main.js vue2.0 import Vue from 'vue' import App from './App.vue' import router from "./router" import store from "./store" new Vue({ stor
阅读全文
简单直观的搞懂Vue3的ref、reactive、toRef、toRefs
摘要：转载：https://blog.csdn.net/weixin_45517927/article/details/116016436 相对于Vue2来说，Vue3最大的突破就是 Composition API 。与现有的 Option API 截然不同。他的好处可以总结为两点 更集中的逻辑关注点更方
阅读全文
vue-cli3.0 引入外部字体并使用
摘要：遇到要在项目中引入一些外部字体，我使用的是思源字体 cli2的我还没试过，现在的方法是cli3的， 不用配置config文件就可以 第一步： 去下载想要引入的字体的字体包，找ui要或者网上自己去搜 第二步：将要的字体放在资源目录下，看自己项目需求要放哪里，创建一个css文件 第三步： 在fonts.
阅读全文
跨域问题处理（已处理IOS兼容问题 ）
摘要：问题描述: vue项目使用axios 请求 在 安卓和pc端正常请求 但是在ios（ios12是我们遇到的）上会出现 跨域 预请求失败 导致 在catch会捕获 Network error ； 导致问题出现的原因： 是由于header里面带了很多请求参数，而后端设置的response.setHead
阅读全文
vue 封装 上传图片（有截图功能）并将图片上传到阿里云
摘要：第一：需要安装依赖包 封装上传图片： <template> <div id="demo"> <!-- 遮罩层 --> <div class="father" v-show="panel"> <div class="container"> <div id="cropper" style="margin
阅读全文
vue 国际化配置
摘要：第一步： 创建lang文件夹 index.js import Vue from 'vue' import VueI18n from 'vue-i18n' import Cookies from 'js-cookie' import elementEnLocale from 'element-ui/l
阅读全文
vue一次加载大量数据导致页面卡顿解决
摘要：前提：后端返回一个几千条的数组，页面直接渲染导致非常卡顿。 解决方案：使用vue-virtual-scroller 插件解决；https://www.npmjs.com/package/vue-virtual-scroller#page-mode 第一步：安装 npm install --save
阅读全文
Vue经典面试题总结
摘要：一、什么是MVVM？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的
阅读全文
Vue中的data为什么要用return{}包裹起来
摘要：转载来源：https://www.cnblogs.com/caomusheng/p/12382667.html vue中的data用return返回 vue中的data用return返回 为什么在大型项目中data需要使用return返回数据呢？ 答：不使用return包裹的数据会在项目的全局可见，
阅读全文
