编程开发 - 教程之家

53浏览

0评论

Vue自定义名称下载PDF的方法

目录vue3.0带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新渲染块133%内存减少54%........2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实...

2022-12-31 22:43:59

73浏览

0评论

Vue引入echarts方法与使用介绍

目录1. 引入echarts2. 将echarts设置为全局3. 在相关组件中使用在Vue中引入echarts以及使用今天来告诉大家如何将echart引入vue并巧妙利用钩子函数对表格数据进行渲染。1....

2022-12-31 22:43:57

121浏览

0评论

解决element ui cascader 动态加载回显问题

elementui是基于vue2.0的组件库，专为开发人员、设计人员而设计的；可以快速搭建项目框架，集成了界面样式，先给大家介绍下element ui cascader 动态加载回显问题解决方法。props:...

2022-12-31 22:43:56

109浏览

0评论

Vue项目报错:Uncaught SyntaxError: Unexpected token '＜'的解决方法

目录问题：一、public下的index.html没有引入其他外部js文件。二、 public下的index.html引入其他外部js文件。原因一.引用文件的位置不正确原因二：配置信息不正确原因三：script...

2022-12-31 22:43:54

68浏览

0评论

vue3+ts使用bus事件总线的示例代码

1、在vue2中我是这样使用的//创建一个vueBus.jsimport Bus from 'vue';let install = function (Vue) {Vue.prototype.$bus = new Bus()}export default {install};//在main...

2022-12-31 22:43:51

46浏览

0评论

vue中的循环遍历对象、数组和字符串

目录vue循环遍历对象、数组和字符串1.循环遍历对象2.循环遍历数组3.循环遍历字符串vue循环遍历,指令v-for1.循环遍历2.v-for遍历数组3.v-for遍历对象4.v-for使用中添加keyvu...

2022-12-31 22:43:49

57浏览

0评论

vue-router中关于children的使用方法

目录关于children的使用children的使用场景router配置中children配置不起作用关于children的使用children的使用场景比如页面左侧显示菜单，右侧显示不同菜单下的内容，类似如下...

2022-12-31 22:43:47

115浏览

0评论

Vue常见报错整理大全(从此报错不害怕)

目录示例1（文件名/路径发生错误）示例2（标签不完整）示例3（error 'xxx' is not defind）示例4（unknown mutation type: changeA）示例5（Attribute name cannot contain U+0022 ("...

2022-12-31 22:43:44

75浏览

0评论

Vue子组件props从父组件接收数据并存入data

目录1.不允许直接修改2.存在异步的情况解决思路经过测试父组件中传递过来的数据有以下特点：1.不允许直接修改如果直接使用 this.xxx = action 操作的话控制台会报下面这个错...

2022-12-31 22:43:41

64浏览

0评论

Vue中使用Ueditor的示例详解

目录一、下载Ueditor包二、编译下载文件三、在Vue项目中引用一、下载Ueditor包官网地址：http://fex.baidu.com/ueditor/git地址： https://github.com/fex-team/ueditor 打...

2022-12-31 22:43:39

61浏览

0评论

Element UI table参数中的selectable的使用及遇到坑

Element UI table参数中的selectable的使用中遇到的坑：
页面： <el-table-column :selectable='selectable' type="selection" :reserve-selection="true"> </el-t...

2022-12-31 22:43:33

45浏览

0评论

Vue2中无法监听数组和对象的某些变化问题

目录一、数组1. 不能监听的情况2. 替代做法3. 注意二、对象1. 不能监听的情况2. 替代做法三、分析 vue 2 无法监听数组和对象的这些变化的原因1. 对于数组2. 对象四、vue 3...

2022-12-31 22:43:32

104浏览

0评论

vue element-ui里的table中表头与表格出现错位的解决

目录element-ui里的table中表头与表格出现错位解决方案element-ui表格样式错乱调整方式1、线没有对齐2、fixed固定导致的高度问题3、去掉鼠标hover修改背景色事件element-ui...

2022-12-31 22:43:29

56浏览

0评论

Vue实例初始化为渲染函数设置检查源码剖析

目录引言_renderProxy是干什么的initProxy方法总结引言之前的文章提到，Vue实例化时_init方法做了很多处理，其中就有这么一段：if (__DEV__) { initProxy(vm)} else { vm._rend...

2022-12-31 22:43:27

85浏览

0评论

一文详解Pinia和Vuex与两个Vue状态管理模式

目录前言安装挂载VuexPinia修改状态vuexPiniaPinia解构(storeToRefs)gettersPiniaVuexmodulesPiniaVuex写在最后前言Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia...

2022-12-31 22:43:25

61浏览

0评论

Vue计算属性与监视属性实现方法详解

目录一、计算属性1、插值语法实现2、通过方法实现3、通过计算属性二、监视属性三、深度监视一、计算属性在开发中，可以有这样的需求，在属性（date）中，有fistName和lastName两个属...

2022-12-31 22:43:23

66浏览

0评论

vue实现点击复制到粘贴板

本文实例为大家分享了vue实现点击复制到粘贴板的具体代码，供大家参考，具体内容如下背景：业务开发中遇到，点击复制内容到粘贴板的需求，记录一下效果：关键代码:copyText() { ...

2022-12-31 22:43:21

74浏览

0评论

vue实现二级弹框案例

本文实例为大家分享了vue实现二级弹框的具体代码，供大家参考，具体内容如下二级弹框案例，如下图所示<template> <div class="zw-dialog"> <div class="zw-top">...

2022-12-31 22:43:19

162浏览

0评论

vue demi支持sfc方式的vue2vue3通用库开发详解

目录背景技术要点vue-demisfc compiler实现方式vue2.6 + vue3 + vite + vue-demipackage.jsonvite.config.tsmain.tspostinstallvue2.7 + vue3 + vite + vue-demi + yarn wo...

2022-12-31 22:43:17

70浏览

0评论

vue中实现监听数组内部元素

目录vue监听数组内部元素我们有两种办法解决此问题vue如何监听数组的变化vue监听数组内部元素在VUE中，对数组的监听是浅监听，也就是它只能监听到数组的长度或者有无的变化，当我...

2022-12-31 22:43:14

84浏览

0评论

如何在vue项目中使用UEditor--plus

目录1:UEditor-plus富文本编辑器如何在vue项目中使用2.使用方法3.运行项目1:UEditor-plus富文本编辑器如何在vue项目中使用备注：UEditor是由百度web前端研发部开发的所见即所...

2022-12-31 22:43:13

44浏览

0评论

关于vue.js中this.$emit的理解使用

目录一、每个 Vue 实例都实现了事件接口二、注意事项三、例子及说明四、总说明一、每个 Vue 实例都实现了事件接口即：1、使用 $on(eventName) 监听事件2、使用 $emit(eventN...

2022-12-31 22:43:10

102浏览

0评论

使用vue3搭建后台系统的详细步骤

目录一、配置vite二、router路由1、安装router路由2、配置router路由3、注册router路由4、使用router路由三、安装element plus等其他依赖1、注册element plus并配置图标四...

2022-12-31 22:43:08

84浏览

0评论

Vue3中插槽(slot)的全部使用方法

目录什么是插槽默认内容具名插槽动态插槽名作用域插槽作用域插槽具名作用域插槽写在最后Vue中的插槽相信使用过Vue的小伙伴或多或少的都用过，但是它的所有用法你是否全部理解...

2022-12-31 22:43:06

82浏览

0评论

vue中三种调用接口的方法

目录1. this.$api.LeadershipScreen.getImportantRiskList(params)2.需要引用3.axios（需要先安装axios）4.配置request1. this.$api.LeadershipScreen.getImportantRiskList(pa...

2022-12-31 22:43:03

310浏览

0评论

vue深度优先遍历多层数组对象方式(相当于多棵树、三级树)

目录深度优先遍历多层数组对象比如树结构是这样的vue遍历包含数组的对象请求来拿到后数据格式是下面这种最终在html中这样遍历深度优先遍历多层数组对象这个方法如果是对于...

2022-12-31 22:43:02

111浏览

0评论

Vue中实现v-for循环遍历图片的方法

目录v-for循环遍历图片的方法解决方法如下vue循环显示多个图片小扩展（require 和 import）v-for循环遍历图片的方法写项目时，遇到后台无法提供背景图片，需要自己在本地循环遍历到...

2022-12-31 22:43:00

67浏览

0评论

Vue extend使用示例深入分析

目录一、使用场景二、补充组件注册三、深度解析Vue.extend()虽然已近用过很多次了，但都没有深入思考过这个东西，仔细想了想，有点意思一、使用场景按需使用组件，也叫懒加载，性能蹭...

2022-12-31 22:42:57

166浏览

0评论

vue使用vue-video-player无法播放本地视频的问题及解决

目录使用vue-video-player无法播放本地视频方法使用vue-video-player播放视频及遇到的问题安装引入使用vue-video-player无法播放本地视频方法因为引入的是本地资源，要把资源...

2022-12-31 22:42:55

61浏览

0评论

vue 数组添加数据方式

目录vue 数组添加数据数据添加分为三种方法动态向数组中添加对象（关于v-for，input和push）核心：深拷贝vue 数组添加数据数据添加分为三种方法1.unshift()2.push()3.splice()<temp...

2022-12-31 22:42:53

71浏览

0评论

Vue--keep-alive使用实例详解

目录简介公共代码动态组件实例不加keep-alive加keep-aliverouter-view实例不加keep-alive加keep-alive（加到App.vue里）加keep-alive（加到Parent.vue里）简介说明本文用示例介绍Vu...

2022-12-31 22:42:52

60浏览

0评论

Vue Computed底层原理深入探究

今天面了家小公司，上来直接问 computed 底层原理，面试官是这样问的，data 中定义了 a 和 b 变量。computed 里面定义了 c 属性，c 的结果依赖与 a 和 b，模板中使用了变量 c。假设改...

2022-12-31 22:42:48

71浏览

0评论

vue3 Vite 进阶rollup命令行使用详解

目录rollup介绍以命令行方式打包Tree ShakingRollup 的命令行使用命令行format 格式rollup.config.js设置/获取环境变量插件 pluginsrollup介绍开源类库优先选择以 ESM 标准...

2022-12-31 22:42:46

77浏览

0评论

Vue2和Vue3的10种组件通信方式梳理

目录propsemitattrs和listenersprovide/injectparent/childrenexpose&refEventBus/mitt写在最后Vue中组件通信方式有很多，其中Vue2和Vue3实现起来也会有很多差异；本文将通过选...

2022-12-31 22:42:45

91浏览

0评论

vue 如何删除数组中的某一条数据

目录删除数组中的某一条数据删除普通数组删除数组对象使用splice()删除数组中的一个数据删除数组中的某一条数据删除普通数组let arr = [1,2,3,4,5];//方法一let index = ar...

2022-12-31 22:42:43

108浏览

0评论

Vue中对数组和对象进行遍历和修改方式

目录对数组和对象进行遍历和修改1、对数组进行循环2、修改数组的时候，不能直接通过下标去增加修改删除3、对对象进行循环4、增加对象的时候修改数组和对象的特殊情况以及修...

2022-12-31 22:42:41

91浏览

0评论

Vue3中插槽(slot)用法汇总(推荐)

目录什么是插槽默认内容具名插槽动态插槽名作用域插槽作用域插槽具名作用域插槽写在最后Vue中的插槽相信使用过Vue的小伙伴或多或少的都用过，但是你是否了解它全部用法呢？本篇...

2022-12-31 22:42:39

58浏览

0评论

Vue el-menu 左侧菜单导航功能的实现

目录引言一级菜单实现最简单的一级菜单设置菜单背景颜色和文字颜色设置选中后菜单文字颜色在菜单中加入图标二级菜单实现二级菜单修改分析【其实很简单】：三级菜单实现三级菜...

2022-12-31 22:42:37

79浏览

0评论

el-table点击某一行高亮并显示小圆点的实现代码

<el-table height="93%" :header-cell-style="{background:'#E5EBF1',color:'#517085'}"...

2022-12-31 22:42:30

87浏览

0评论

Vue实现未登录跳转到登录页的示例代码

1、登录页登录成功时将服务端返回的标识存放起来2、在router中给不需要登录的页面设置 meta : { auth : false }，如首页 3、使用路由前置守卫beforEach，由于给路由设置了meta...

2022-12-31 22:42:28

78浏览

0评论

vue跨域proxy代理配置详解

目录引言例一例二总结引言相信很多人都用过proxy，这里就不多说proxy的基本使用，这里要说一下很多人使用proxy的一个误区，大家一般都是直接将管官方的例子拿过来，修改一下代理目...

2022-12-31 22:42:25

70浏览

0评论

vue原生input输入框原理剖析

目录正文v-model正文首先我们来看一段代码：<input value="value">这里是一个原生的input输入框，每一个原生的输入框都会有一个value的属性来用于存储用于输入的最新的数据。如...

2022-12-31 22:42:22

82浏览

0评论

vue 如何引入本地某个文件 require

目录vue 引入本地某个文件 require1.使用require.context判断某个文件是否存在2.使用 try……catch……vue 引入本地文件无效解决方法vue 引入本地...

2022-12-31 22:42:21

83浏览

0评论

Vue 项目性能优化方案分享

目录前言一、代码层面的优化1.1、v-if 和 v-show 区分使用场景1.2、computed 和 watch 区分使用场景1.3、v-for遍历必须为item添加key,且避免同时使用v-if1.4、长列表性能...

2022-12-31 22:42:18

63浏览

0评论

Vue子组件内的props对象参数配置方法

目录一、简单数据类型1、布尔类型 Boolean正确写法：2、数字类型 Number正确写法：3、字符串类型 String正确写法：二、复杂数据类型1、数组 Array错误写法：Eslint 语法报错：正...

2022-12-31 22:42:16

72浏览

0评论

关于vue3 vuex4 store的响应式取值问题解决

场景：在页面中点击按钮，数量增加，值是存在store中的，点击事件，值没变。<script setup lang="ts">import { useStore } from '@/vuex';const store = useStore()const onSubmit =...

2022-12-31 22:42:13

50浏览

0评论

Vue图片裁剪功能实现代码

目录一、效果展示：1、表单的图片上传项：2、裁剪框页面二、代码部分1、首先安装Vue-Cropper，基于此组件的基础上开发的裁剪页面2、裁剪弹窗的组件编写：3、【图片上传表单项】组件...

2022-12-31 22:42:12

45浏览

0评论

Vue 2阅读理解之initRender与callHook组件详解

目录initRender 组件渲染初始化callHook('beforeCreate')initRender 组件渲染初始化在 initEvents 事件系统初始化完成之后，紧接着的就是组件实例的渲染部分的初始化...

2022-12-31 22:42:09

40浏览

0评论

vue.js动态修改background-image问题

目录vue.js动态修改background-imagevue中background-image问题解决方案小结vue.js动态修改background-image网上搜罗了一圈都没找到vue.js动态修改background-image的相关...

2022-12-31 22:42:07

42浏览

0评论

vue弹窗父子组件调用问题示例详解

目录一、vue弹窗父子组件 emit 传图片二、vue父组件调用子组件里的不同方法一、vue弹窗父子组件 emit 传图片1、:modal-append-to-body="false"为了解决element ui中引入d...

2022-12-31 22:42:05

热门文章