79浏览

0评论

使用van-picker 动态设置当前选中项

目录van-picker 动态设置当前选中项van-picker 选择器空白问题van-picker 动态设置当前选中项使用vant-field和van-picker、van-popup组合实现单选类型表单时，通常我们需要pi...

• 2022-12-31

124浏览

0评论

ToB项目如何沉淀业务公共组件示例详解

目录背景公共组件与公共业务组件的区别为什么要沉淀公共业务组件样式参考如何沉淀一个公共业务组件对外暴露的事件总结背景我就职的这家公司主要是为国内的大中小型工业企业...

• 2022-12-31

82浏览

0评论

老生常谈Vue中的侦听器watch

目录一、侦听器watch1.1.初识侦听器watch1.2.Vue的data的watch1.3.Vue的watch侦听选项一、侦听器watch（思维导图不太完善，因为是按照自己看懂的方式记的，如有错误，还请指正）1.1....

• 2022-12-31

78浏览

0评论

vuex存储数据的几种方法实例详解

目录一、Vuex是什么1、Vuex的构成2、Vuex的使用二、本地存储1.存储数据2.取出数据3.清除数据总结一、Vuex是什么Vuex是专门为Vuejs应用程序设计的状态管理工具。它采用集中...

• 2022-12-31

92浏览

0评论

Vue中data传递函数、props接收函数及slot传参的使用及说明

目录1. data作为转换层2. props接收传递过来的函数并把处理结果传回父组件3. 父组件接收子组件传递回来的值1. data作为转换层1.1 如下图中的代码，data作为转换成，作用为把引...

• 2022-12-31

96浏览

0评论

运行npm run dev报错的原因及解决

目录项目场景：问题描述原因分析：解决方案：总结项目场景：提示：这里简述项目相关背景：例如：项目场景：导入Spring Boot+vue项目时，运行npm run dev报错问题描述提示：这里描述项目中遇到的...

• 2022-12-31

81浏览

0评论

Vue中watch监听第一次不触发、深度监听问题

目录watch监听第一次不触发、深度监听第一次不触发例如vue watch使用无效问题watch监听第一次不触发、深度监听第一次不触发handler：其值是一个回调函数。即监听到变化时应该...

• 2022-12-31

74浏览

0评论

vue 项目页面卡死原因排查分析

目录问题描述问题排查小结问题描述点击后台管理某一菜单发现直接卡死，没有其他报错信息，整个网页鼠标变为手指状态不能进行任何操作问题排查首先是通过注释代码发现问题是出在...

• 2022-12-31

80浏览

0评论

Vue3中使用vant的踩坑实战日记

目录前言一、下载vant二、下载插件三、配置插件四、简单使用五、我的解决方法总结前言我照着视频中老师教的方式去使用vant(和官网教程一样)，发现样式根本不起作用（想截个图来...

• 2022-12-31

81浏览

0评论

vue3使用element-plus中el-table组件报错关键字'emitsOptions'与'insertBefore'分析

最近用vue3在做一个项目的时候，使用了element-plus中的组件el-table，在本地运行的时候一点错误也没有，但是打包后放到线上环境就开始报错。TypeError: Cannot read properties...

• 2022-12-31

77浏览

0评论

关于vue混入(mixin)的解读

目录vue混入(mixin)的解读1.钩子函数2.普通方法合并3.局部混入4.全局混入vue中mixin混入注意事项vue混入(mixin)的解读混入(mixin)提供了一种非常灵活的方式，来分发vue组件中...

• 2022-12-31

92浏览

0评论

vant中list的使用以及首次加载触发两次解决问题

目录vant中list使用及首次加载触发两次首次加载触发两次解决问题vant中list列表组件使用1. 基础结构3.methods定义方法 4.调用api渲染页面vant中list使用及首次加载触发两次...

• 2022-12-31

79浏览

0评论

Vue选项之propsData传递数据方式

目录Vue选项propsData进行传递数据Vue.extend全局扩展的数据传递propsDataVue选项propsData进行传递数据使用全局扩展器时可以利用propsData传递数据先自定义header标签，利用...

• 2022-12-31

95浏览

0评论

vue中修改浏览器图标和名字的几种方式

目录前言1.修改图标样式01.使用图片02.使用图标2.修改浏览器名字设置01.直接修改02.根据后端的传值动态修改名字03.在vue中使用插件的方式04.路由守卫中进行修改总结前言vue...

• 2022-12-31

85浏览

0评论

vue 当中组件之间共享数据的实现方式

目录vue组件之间共享数据方式Vuex使用vuex统一管理状态的好处vuex 的基本使用vuex 中的主要核心概念stateMutationActionGettervue组件之间共享数据方式父向子传值：v-bind 属...

• 2022-12-31

89浏览

0评论

element-ui自定义表格如何给input双向绑定数据

目录问题描述先看一下，错误的代码实现的效果看一下官方的示例问题描述有个项目需求点击添加按钮添加一行，我采用的是自定义表格，刚开始写好之后，点击添加，可以实现，但是却发现输入...

• 2022-12-31

77浏览

0评论

vue如何动态设置class、动态设置style

目录vue动态设置class、stylevue动态添加样式 :style 和 :class:style如下:class如下 vue动态设置class、style//动态class对象<div :class="{ 'isActive': true, 'red': is...

• 2022-12-31

78浏览

0评论

vue 路由判断方式

目录vue 路由判断vue路由判断跳转404页面vue 路由判断解决的一个问题分享。我的需求是从特定的页面进入当前页面会执行一个定时器来增加阅读人数，当进入该页面15秒后浏览人数...

• 2022-12-31

79浏览

0评论

vue创建项目卡住不动,vue create project卡住不动的解决

目录第一种方法第二种方法Vue Cli项目搭建环境搭建第一种方法好久没有创建vue新项目了，今天创建了一个新项目，一运行 vue init webpack project_name 就卡住不动，换 vue create...

• 2022-12-31

363浏览

0评论

Vue修饰符的使用详解

目录事件修饰符的使用按键修饰符系统键修饰符鼠标按键修饰符表单修饰符总结事件修饰符的使用<button @click.stop='func'>按钮</button>stop 阻止冒泡(兼容) 等同于event.st...

• 2022-12-31

90浏览

0评论

分析总结20道Vue高频面试题

目录引言vue生命周期vue父子组件生命周期v-if和v-showv-for和v-if优先级说一下computed和watchvue-routervue2和vue3区别vue插件使用vue插槽组件通信vuexpiniavue自定义指令...

• 2022-12-31

81浏览

0评论

Vue组件与生命周期详细讲解

目录写在前面生命周期图解总结写在前面Vue.js的核心就是以简洁的模板语法将数据渲染进Dom系统。vue实例在渲染成html的时候往往要经过以下的步骤:读取数据和方法,设置数据绑...

• 2022-12-31

78浏览

0评论

vue中关于$emit和$on的使用及说明

目录$emit和$on的使用及说明1. vm.$on(event,callback)2. vm.$emit(eventName,[&hellip;args])3.示例$emit和$on（在同一个组件中的用法 ）$emit和$on的使用及说明1. vm.$on(eve...

• 2022-12-31

97浏览

0评论

vue解决Not allowed to load local resource问题的全过程

目录前言问题描述解决步骤修改代码后的结果结语前言在进行通过本地路径进行加载图片的时候，突然就报了这个问题Not allowed to load local resource这个是由于安全性的问题，导...

• 2022-12-31

75浏览

0评论

vue props数据传递类型限制方式

目录vue props数据传递类型限制1.第一种：不限制任何数据2.第二种：只限制数据类型3.第三种：限制数据类型 必要参 默认值Vue中的配置项props(1).传递数据（父组件传递数据）(2).接收...

• 2022-12-31

76浏览

0评论

vue组件属性(props)及私有数据data解析

目录props1、组件Comp1.vue2、使用了Comp1的页面3、运行结果data子组件中data和props的区别vue组件中，props是公有属性，主要对外，相当于类里面的get、set方法操作的属性；data是...

• 2022-12-31

102浏览

0评论

vue路由跳转携带参数的方式总结

目录一、<router-link> 方式跳转1. 携带query参数2. 携带params参数 3.将参数转换为props属性二、编程方式跳转路由总结一、<router-link> 方式跳转1. 携带query参数 <route...

• 2022-12-31

82浏览

0评论

Vue常用的修饰符及应用场景解读

目录vue常用的修饰符修饰符的作用表单的修饰符事件修饰符鼠标按钮修饰符键盘修饰符v-bind修饰符应用场景vue常用的修饰符表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bi...

• 2022-12-31

87浏览

0评论

vue中如何获取当前路由name

目录vue获取当前路由name问题背景vue路由中name的作用vue获取当前路由namethis.$route.name问题背景在当前项目中，1处按钮是公用按钮，需求是在指定的页面点击“返回首页&...

• 2022-12-31

89浏览

0评论

vue子组件created方法不执行问题及解决

目录vue子组件created方法不执行解决方法created和mounted方法没执行问题vue子组件created方法不执行近期做了一个项目 里面有一个树形菜单，将数据写在 js （死数据）中,所有的东...

• 2022-12-31

141浏览

0评论

Vue 运行高德地图官方样例,设置class无效的解决

目录把对应的代码贴一下解决办法1.样式直接添加到index.html中2.样式不使用 scopedvue 使用高德地图，网上有很多样例，还是选择官方样例吧，做的挺不错的。JSAPI结合Vue使用可以...

• 2022-12-31

84浏览

0评论

element表单使用校验之校验失效问题详解

目录第一种可能的错误： 字段错误第二种：触发校验错误validator总结首先是html必须正确,直接看代码示例：<el-form ref="form" :model="form" :rules="rules" label-width="80px"...

• 2022-12-31

78浏览

0评论

Vue中的directive指令快速使用

目录一、用法：注册或获取全局指令二、钩子函数三、快速使用-----获取input框的焦点1.全局指令2.局部指令一、用法：注册或获取全局指令Vue.directive(id,[definition])除了核心...

• 2022-12-31

77浏览

0评论

如何在vite初始化项目中安装scss以及scss的使用

目录1.scss安装 2.scss的简单使用 (1)变量的定义（2）简单使用3.基本语法（1）!default的使用 （2）变量的取值也可以是变量（3）@mixin可以定义一段代码作为模板样式...

• 2022-12-31

90浏览

0评论

vue中props赋值给data出现的问题及解决

目录vue props赋值给data问题props赋值给data 数据变化例如vue props赋值给data问题vue 中父组件向子组件传递数据用 props, 但是子组件是无法修改它的。如果子组件需要动态...

• 2022-12-31

75浏览

0评论

vue组件中props与data的结合使用方式

目录组件中props与data的结合使用子组件中data从props中动态更新数据组件中props与data的结合使用如前所述（vue组件属性（props）及私有数据data），vue组件中，props是组件公有属性，对...

• 2022-12-31

83浏览

0评论

vue中@keyup.enter失效问题及解决

目录@keyup.enter失效问题情况一（我遇到的情况）情况二（百度时了解到的）@keyup.enter和@blur触发两次和回车无效1.vue 对 input 绑定两个事件：回车或失焦2.解决: 键盘按下 Enter...

• 2022-12-31

95浏览

0评论

Vue Element-ui 键盘事件失效的解决

目录Element-ui 键盘事件失效按键修饰符使用element-ui时监听登录界面全局键盘回车事件方法一方法二Element-ui 键盘事件失效按键修饰符vue中提供了一些按键修饰符，开发者可...

• 2022-12-31

80浏览

0评论

Vue中混入mixin的用法介绍

目录基础使用选项合并自定义合并规则全局混入总结什么是混入？混入通过注入配置项到vue实例用来提升复用性基础使用 const myMixin = { created: function () {...

• 2022-12-31

78浏览

0评论

vue-admin-element项目突然就起不来了的解决

目录vue-admin-element项目突然就起不来解决方案如下一、将项目设置为私有二、将项目的仓库地址添上即可vue-admin-element项目突然就起不来INFO Starting development ser...

• 2022-12-31

81浏览

0评论

vue实现移动端适方案的完整步骤

vue实现移动端适配步骤如下:先安装amfe-flexible和postcss-pxtorem：npm install amfe-flexible --savenpm install postcss-pxtorem --save在main.js导入amfe-flexibleimport...

• 2022-12-31

76浏览

0评论

vue中为何方法要写在methods的里面

目录vue中为何方法要写在methods里面1.methods是什么？2.如果把方法写在data中会怎么样？Vue选项 Vue中methods选项1.在Vue构造器内部调用方法—methods选项2.在自定义标签...

• 2022-12-31

388浏览

0评论

公共组件父子依赖调用及子校验父条件问题解决

目录问题背景关于依赖尝试动态注入依赖importrequire其他思考解决办法子组件校验父组件条件总结问题背景业务需求需要用到一个数据批量上传和上传模板导入功能，并且在很多个...

• 2022-12-31

378浏览

0评论

vuex新手进阶篇之actions的使用方法

目录1.设置actions事件2.在组件中去分发actions3.注意点actions的细节补充总结紧接上篇文章，本篇文章讲vuex ，如何去改变state ,actions的使用，我依然使用了vuex的modules1.设...

• 2022-12-31

210浏览

0评论

关于vue-socket.io使用及版本原因消息无法监听bug

目录前言一、vue-socket.io使用1.npm下载2.在src文件夹里面新建lib文件夹3.在main.js引入4.在组件中的用法二、版本导致消息无法监听问题 在3.0.8和3.0.9下这样写无效3.0.8...

• 2022-12-31

78浏览

0评论

vue项目如何引入json数据

目录vue项目引入json数据vue引入json数据,无请求,直接引入的那种vue项目引入json数据在项目中我们在引入自己写的json数据，可以通过json-server方法将json文件转化为一个端口...

• 2022-12-31

172浏览

0评论

uniapp使用v-loading并且不引入element-ui的操作方法

1、创建loading.jsimport Vue from 'vue';/** * 插入loading */const insertDom = (el) => { let dom = `<div class="el-loading-mask"> <div class="el-loading-s...

• 2022-12-31

371浏览

0评论

vue3使用echarts并封装echarts组件方式

目录前言一、安装并导入echart1.npm下载包2.配置echarts二、使用echarts三、封装echarts为组件前言本文使用的echarts版本为5.3.1，详细文档可见：Echarts 官方文档文中案例基于...

• 2022-12-31

189浏览

0评论

vue3中echarts的tooltip组件不显示问题及解决

目录vue3 echarts的tooltip组件不显示解决办法Echarts|tooltip提示框组件参数vue3 echarts的tooltip组件不显示data() { return { chartInstance: '' }}, mounted() {...

• 2022-12-31

347浏览

0评论

vue3+ts+echarts实现按需引入和类型界定方式

目录vue3+ts+echarts实现按需引入和类型界定vue3按需引入echarts问题及使用vue3+ts+echarts实现按需引入和类型界定一直想系统学习一下echarts，无奈今天在引入上就犯了难，现记...

• 2022-12-31