72浏览

0评论

Vue (Vuex)中 store 基本用法

store是一个管理状态，在vuex中使用。import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //这里放全局参数 }, mut...

• 2023-04-07

150浏览

0评论

vue elementui表格获取某行数据(slot-scope和selection-change方法使用)

效果图：1.当写后台管理页面时，使用element ui里的table表格时，表格中有操作按钮，获取当前行的数据时，我们可以使用 slot-scope="scope"来获取。 <el-table-column label="操作" a...

• 2023-04-07

91浏览

0评论

vue pdf二次封装解决无法显示中文问题方法详解

目录前言完整代码解决无法显示中文问题前言vue-pdf 可以实现PDF文件在线预览并且支持分页。安装方式：npm install --save vue-pdf完整代码<template> <el-dialog :visible...

• 2023-04-07

81浏览

0评论

Vue突然报错doesn‘t work properly without JavaScript enabled的解决方法

突然报错未启用JavaScript下午演示项目的时候突然给我整了一出JavaScript未启用，当场就把我整尴尬了；然后我怀疑是不是写的路由守卫有问题就注释了再试发现问题还在？！然后经过各...

• 2023-04-07

171浏览

0评论

van-picker组件default-index属性设置不生效踩坑及解决

目录van-picker组件default-index属性设置不生效vant picker组件踩坑方法一方法二方法三总结van-picker组件default-index属性设置不生效官方文档：default-index 单列选择时，...

• 2023-04-07

399浏览

0评论

Vant picker选择器设置默认值导致选择器失效的解决

目录Vant picker选择器设置默认值导致选择器失效说下场景Column 数据结构解决方案总结Vant picker选择器设置默认值导致选择器失效vant 版本 >=2.12.27说下场景自定义选择器...

• 2023-04-07

52浏览

0评论

浅谈Vue知识系列-axios

目录axios基础知识axios应用场景axios基础知识axios是独立于vue的一个项目，基于promise用于浏览器和node.js的http客户端。在浏览器中可以帮助我们完成ajax请求的发送在node....

• 2023-04-07

109浏览

0评论

vant-List-@load事件一直触发的解决

目录vant-List-@load事件一直触发项目场景问题描述原因分析解决方案vant-list onLoad触发以及tab切换不再触发问题总结vant-List-@load事件一直触发项目场景今天项目用到van...

• 2023-04-07

123浏览

0评论

vue报错"vue-cli-service‘不是内部或外部命令,也不是...”的解决办法

问题描述项目执行npm run serve后报错产生原因（最大概率原因）由于在该代码中含有node_module依赖包，再拷贝到其他计算机时，项目路径发生变化，导致找不到vue-cli-service于是报错...

• 2023-04-07

98浏览

0评论

图文详解Vue3没有代码提示问题的解决办法

在上一篇笔记中提到了Vue3+vite+Ts写代码过程中，出现的代码自动补全失效功能，今天来谈谈如何解决这个问题。首先，我们已经很明确的就是安装了volar插件之后，HTML标签片段补全已...

• 2023-04-07

86浏览

0评论

vue3 element-plus二次封装组件系列之伸缩菜单制作

目录1、效果 2、主要逻辑代码1、效果折叠效果--只剩图标展开效果--有图标有文字 2、主要逻辑代码home.vue--主页代码<template> <div class="common-layout"> <el-conta...

• 2023-04-07

68浏览

0评论

vue阻止重复请求实现示例详解

目录背景思路方式1-通过定时器做防抖处理(a)概述(b)代码(c)预览(d)存在的问题情况-在点击事件上做防抖情况-在接口方法做防抖方式2-通过取消ajax请求(a) 概述(b)原理原生aja...

• 2023-04-07

102浏览

0评论

vue通过url方式展示PDF的几种方法

目录1.使用pdfjs-dist 插件，通过iframe标签显示 2.使用vue-pdf插件3.第三种方法使用了pdfjs-dist插件，通过url实现PDF转图片显示4.直接通过iframe标签 总结最近vue项目中遇到...

• 2023-04-07

63浏览

0评论

一篇Vue、React重点详解大全

目录Vue生命周期MVVM双向绑定原理虚拟domv-for为什么要用keynextTickv-show、v-if的区别vue单页面应用如何首页优化Vue 的父组件和子组件生命周期钩子执行顺序是什么Vue 中...

• 2023-04-07

68浏览

0评论

Vue slot插槽作用与原理深入讲解

目录前言什么是Slot栗子在插槽中使用数据备胎插槽具名插槽覆盖问题作用域插槽具名插槽的作用域解构插槽Prop具名插槽的缩写$scopedSlots前言在2.6.0中，具名插槽 和 作用域插...

• 2023-04-07

76浏览

0评论

Vant Weapp组件picker选择器初始默认选中问题

目录Vant Weapp组件picker选择器初始默认选中解决Van-picker选择器空白总结Vant Weapp组件picker选择器初始默认选中小程序使用vant-picker多列数据级联选择设置初始默认选...

• 2023-04-07

221浏览

0评论

vant-image本地图片无法显示的解决方式

目录vant-image本地图片无法显示说下坑解决办法vant爬坑引用本地图片对于路径问题总结vant-image本地图片无法显示说下坑正常情况下都是这样写的，但是vant这个框架不知道怎么...

• 2023-04-07

59浏览

0评论

Vue3全局配置axios的两种方式总结

目录前言一、回顾 Vue2 的全局引用方式 1. 简单项目的全局引用2. 复杂项目的三步封装二、Vue3 中的使用 1. provide/inject 方式2. getCurrentInstance 组合式API引入总结...

• 2023-04-07

70浏览

0评论

安装nvm node版本管理器的操作方法(vue2.x迁移vue3.x)

目录前言：Mac 安装nvm解决方案：前言：vue2.x项目迁移vue3.x，由于node使用版本不同，需要管理不同的node来满足项目需求首先需要删除本地node/npm打开你 Finder，按shift+command+G，打...

• 2023-04-07

87浏览

0评论

vue菜单栏自适应折叠功能示例

目录一、在使用了el-menu的页面下，通过watch监听宽度变化。1.在方法里面定义2.在watch上里面引用3.在data里定义变量二、在el-menu中定义:collapse=“isCollapse”...

• 2023-04-07

102浏览

0评论

VUEX 使用 mutations的两种方式

目录VUEX 使用 mutations第一种使用方式：第二种方式 mapMutationsPS：Vuex中mutations的用法VUEX 使用 mutations在 Vuex 中 store 数据改变的唯一方法就是提交 mutations。mut...

• 2023-04-07

122浏览

0评论

vue项目刷新当前页面的三种方式(重载当前页面数据)

目录vue项目刷新当前页面的三种方式(重载当前页面数据)一、this.$router.go(0)二、location.reload()三、用provide / inject 组合PS:vue项目刷新当前页面的三种方法vue项目...

• 2023-04-07

386浏览

0评论

Vue body样式修改方式

目录Vue body样式修改解决方式vue给body单独设置样式总结Vue body样式修改这篇文章记录自己再写项目是遇到的App.vue显示问题。问题：查看页面时，发现有8px的margin,看着很不爽...

• 2023-04-07

66浏览

0评论

vant-list上拉加载onload事件触发多次问题及解决

目录vant-list上拉加载onload事件触发多次场景一、基础用法二、List 的运行机制是什么？三、为什么 List 初始化后会立即触发 load 事件？四、为什么会连续触发 load 事件？五、lo...

• 2023-04-07

79浏览

0评论

Vue组件实现原理详细分析

目录1.渲染组件2.组件的状态与自更新3.组件实例和生命周期4.props与组件状态的被动更新5.setup函数的作用与实现6.组件事件和emit的实现7.插槽的工作原理及实现8.注册生命周...

• 2023-04-07

67浏览

0评论

vue单行文本溢出会出现title提示自定义指令

目录正文1、直接使用title2、使用自定义指令正文平时开发中，如果标题超出一行，我们希望为其添加title的提示，但是，如果统一加title=xxx，会出现，文本是否超出都会出现title的现象。...

• 2023-04-07

66浏览

0评论

vue3的父传子问题(单项数据流)

目录vue3父传子(单项数据流)vue3 父子传参 简单易懂父传子子传父vue3父传子(单项数据流)父组件通过属性绑定传递数据 子组件内部通过props接收数据 基本数据类型---改变父组...

• 2023-04-07

103浏览

0评论

Vue2 Element description组件列合并详解

目录前言一、首次尝试1.style的失败尝试2.DOM结构二、解决方案总结前言需求是description需要做成首行3列, 剩余行为4列, 额, 我说的是算上标签, 就像这样:你可能会说"啊,...

• 2023-04-07

103浏览

0评论

vue多页面项目实现版本快照功能示例详解

目录背景需要解决的问题：实现思路：实现过程：文件保存：关键代码：背景App落地页迭代频繁，且需兼容App与各小App，目前是单向前进迭代，会存在以下问题：跳转原生交互；如：某个落地页增加了只...

• 2023-04-07

122浏览

0评论

iView UI FORM 动态添加表单项校验规则写法实例

目录IView UI 表单验证 深入了解探究原理IView UI 表单验证 深入了解在开发xxx需求中，有个交互是动态添加问题项，并需要做表单验证，在做动态表单验证的过程中遇到了问题，记录下...

• 2023-04-07

93浏览

0评论

vuecli3.0脚手架搭建及不同的打包环境配置vue.config.js的详细过程

参考文档 https://cli.vuejs.org/zh/1.安装npm install -g @vue/cli2.检查安装vue -V 3.创建项目vue create project_name 出现下图信息4.上图两种选择方式，第一种是默认的，...

• 2023-04-07

159浏览

0评论

Vue配合Vant使用时area省市区选择器的使用方式

目录Vue配合Vant使用时area省市区选择器使用使用原因最终得到的效果图实现过程在这里需要注意的是vue3.0 cli vant省市区选择器用不了问题总结Vue配合Vant使用时area省市区...

• 2023-04-07

452浏览

0评论

element 实现导航栏收起展开功能及思路

目录element 导航栏收起展开实现思路PS：Vue结合element-ui实现导航菜单展开收缩小功能上篇文章介绍了vue使用ElementUI时导航栏默认展开功能的实现，今天介绍下element 导航栏...

• 2023-04-07

58浏览

0评论

Vue项目中使用setTimeout存在的潜在问题及解决

目录使用setTimeout存在的潜在问题上代码总结使用setTimeout存在的潜在问题在开发项目中遇到这样的序曲，点击按钮弹框，每次进入的时候都需要默认选中Android，这个时候就遇到了...

• 2023-04-07

75浏览

0评论

vant-list组件触发多次onload事件导致数据乱序的解决方案

目录1、问题描述原因分析2、先了解一下相关知识点1）基础用法2）List 的运行机制是什么？3）为什么 List 初始化后会立即触发 load 事件？4）为什么会连续触发 load 事件？5）loading 和 fin...

• 2023-04-07

53浏览

0评论

vue axios接口请求封装方式

目录vue axios接口请求封装总结vue axios接口请求封装简易记录一下最近用到的比较顺手的、axios接口请求的封装1、新建network文件夹，其内新建request.js设置一个 baseURL ，便...

• 2023-04-07

61浏览

0评论

setTimeout在vue中的正确使用方式

目录setTimeout在vue中的正确使用遇到了1个坑问题出在我的格式上面解决vue在setTimeout内修改this失效使用箭头函数总结setTimeout在vue中的正确使用笔者最近因为公司需求开...

• 2023-04-07

124浏览

0评论

vant3中使用List组件的一些坑

目录使用vant3 List 组件过程中遇到的一些坑处理vant list使用报错的点总结使用vant3 List 组件过程中遇到的一些坑1、接口错误的时候，大量重复请求。可能接口错误时vant3内...

• 2023-04-07

58浏览

0评论

Vue如何处理Axios多次请求数据显示问题

目录Vue处理Axios多次请求数据显示服务端代码客户端代码vue axios多次请求一个接口取消前面请求方法一方法二总结Vue处理Axios多次请求数据显示场景：一个搜索框，要求用户输入...

• 2023-04-07

169浏览

0评论

vue3中的对象时为proxy对象如何获取值(两种方式)

目录第一种获取target值的方式：第二种获取target值PS：vue3中获取proxy包裹的数据前言一、具体问题二、解决办法使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些...

• 2023-04-07

134浏览

0评论

Vant2移动端Vue组件库问题记录

目录发布初衷 ：Popup 弹出层DatetimePicker 时间选择Field 输入框Picker 选择器List 列表Tab 标签页总结发布初衷 ：记录在移动端项目中使用 Vant 2 组件库时遇到的各种问题 ，...

• 2023-04-07

49浏览

0评论

Vue路由传参的三种方式实例详解

目录Vue路由传参三种方式一、params传参二、路由属性配置传参：三、query传参区别特别注意总结Vue路由传参三种方式params传参路由属性配置传参query传参一、params传参this.$...

• 2023-04-07

198浏览

0评论

vue跨域问题:Access to XMLHttpRequest at‘httplocalhost解决

目录前言一、背景补充（jsonp）二、实践解决跨域方法（基于封装好的axios，非原生）再补充一下原理：总结前言前两天遇到了跨域问题，报了Access to XMLHttpRequest at&lsquo;httplocalhos...

• 2023-04-07

119浏览

0评论

Vue.js axios响应拦截如何获取返回状态码

目录axios响应拦截获取返回状态码方式整理方法一方法二方法三Vue的axios拦截器用法总结axios响应拦截获取返回状态码方式整理方法一axios.interceptors.response.use( respo...

• 2023-04-07

74浏览

0评论

Vue3 通过作用域插槽实现树形菜单嵌套组件

目录一、需求来源二、效果图三、使用示例（VTreeNodeDemo.vue）四、源码（VTreeNode.vue）：一、需求来源工作中需要一种树形菜单组件，经过两天的构思最终通过作用域插槽实现： 此组件将...

• 2023-04-07

99浏览

0评论

Vue实现DOM元素拖放互换位置示例

目录一、拖放和释放二、可拖拽属性三、DataTransfer3.1 属性3.2 方法四、DataTransferItem4.1 属性4.2 方法五、DataTransferItemList六、Event事件七、实例7.1 html代码7.2...

• 2023-04-07

63浏览

0评论

Vue组件的计算属性和普通属性的区别说明

目录计算属性和普通属性的区别说明计算属性关键词: computedcomputed vs methods总结计算属性和普通属性的区别说明计算属性关键词: computed计算属性模板：computed:{   ...

• 2023-04-07

60浏览

0评论

Vue中的计算属性和axios基本使用回顾

目录1. 什么是计算属性2. 计算属性的特点计算属性3. 如何声明计算属性4. 计算属性的使用注意点5. 计算属性 vs 方法6. axiosaxios的基本使用总结1. 什么是计算属性计算属性...

• 2023-04-07

90浏览

0评论

vue中van-picker的选项插槽的使用

目录van-picker的内部选项怎么来自定义Vant选择器使用插槽总结van-picker的内部选项怎么来自定义首先要确保 Vant UI 的版本在2.10.0以上然后利用插槽slot来实现，在Vant 里插...

• 2023-04-07

140浏览

0评论

vue table表格中如何控制下拉框的显示隐藏

目录vue table表格控制下拉框的显示隐藏vue下拉框清空总结vue table表格控制下拉框的显示隐藏需求：点击表格的某一个列的吗某个值，显示那值得下拉框，失去焦点时则隐藏平时点击...

• 2023-04-07