编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

53浏览

0评论

Vuex拿到state中数据的3种方式与实例剖析

目录Ⅰ、Vuex 简介：1、Vuex 是什么？2、Vuex 的图例讲解：3、Vuex 的配置过程：Ⅱ、如何引入并使用 Vuex :Ⅲ、实例剖析在 App.vue 中使用 state 的过程：Ⅳ、小结：Ⅰ、Vuex 简介：1、Vu...

2022-12-31 22:18:41

65浏览

0评论

Vue中emit事件无法触发的问题及解决

目录Vue emit事件无法触发问题Vue中emit的使用vue子传父参数的方法共有两种下列优先讲解下其emit的传输方法 Vue emit事件无法触发问题在父组件中定义事件监听，会出现无法触...

2022-12-31 22:18:38

42浏览

0评论

关于TypeScript的踩坑记录

目录用字符串做下标报错函数内使用this报错找不到模块XXX引入模块提示找不到声明文件(接上一个问题)JSON直接解析localStorage值报错初始加载的组件未命名，浏览器打开页面后...

2022-12-31 22:18:36

67浏览

0评论

Vue Router修改query参数url参数没有变化问题及解决

目录Router修改query参数url参数没有变化问题正常情况下就可以修改了vueRouter不切换url只修改query报错解决方案Router修改query参数url参数没有变化问题正常情况下this.$r...

2022-12-31 22:18:34

57浏览

0评论

vue-router如何实时动态替换路由参数(地址栏参数)

目录实时动态替换路由参数(地址栏参数)应用场景用法如下replace()和push() 的区别动态替换路由-Url参数安装webpack-merge引入包操作参数实时动态替换路由参数(地址栏参数)...

2022-12-31 22:18:32

52浏览

0评论

vue鼠标悬停事件监听实现方法

目录前言情景描述解决方法总结前言开发框架为 vue2.x情景描述需求是这样的：页面在鼠标悬停（不动）n秒之后，页面进行相应的事件。比如在我的需求下，是鼠标悬停15秒之后，页面上三个数...

2022-12-31 22:18:29

41浏览

0评论

Vue echarts模拟后端数据流程详解

目录KOA2的使用安装 Koaapp.js入口文件KOA2的使用KOA2是由Express 原班人马打造、环境依赖 Node v7.6.0 及以上、支持 async 和 await洋葱模型的中间件写响应函数(中间件)响...

2022-12-31 22:18:27

55浏览

0评论

Vue router的addRoute方法实现控制权限方法详解

目录路由分为静态路由和动态路由静态路由和动态路由的优缺点动态路由实现思路动态路由遇到的问题与解决方式路由分为静态路由和动态路由静态路由和动态路由的优缺点1、中大...

2022-12-31 22:18:25

56浏览

0评论

Vue实现docx、pdf格式文件在线预览功能

目录介绍docx安装使用PDF安装引入和使用pdf的放大和缩小多格式的文件渲染函数映射不支持的文件提示处理总结介绍在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务...

2022-12-31 22:18:23

50浏览

0评论

VUE引入腾讯地图并实现轨迹动画的详细步骤

目录效果：引入步骤：效果：引入步骤：在 html 中通过引入 script 标签加载API服务在一个盒子元素 div 中预先准备地图容器，并在CSS样式中定义地图(容器)显示大小创建并显示地图的代...

2022-12-31 22:18:21

60浏览

0评论

vue3中emit('update:modelValue')使用简单示例

父<template> <TestCom v-model="test1" v-model:test2="test2"></TestCom> <h1>{{test1}}测试1</h1> <h1>{{test2}}测试2</h1></template><script setup>import { ref,...

2022-12-31 22:18:18

45浏览

0评论

Vue 子组件传父组件 $emit更新属性方式

目录子组件传父组件 $emit更新属性效果图图下子组件向父组件使用自定义事件$emit传递数据无效的坑子级向父级传递—自定义事件重点来了！！！！子组件传父组件 $emit更新属性$e...

2022-12-31 22:18:16

156浏览

0评论

vue如何动态修改$router参数

目录vue动态修改$router参数动态修改router路由所带参数vue动态修改$router参数// 创建一个包含当前 URL 参数的对象export const getURLParameters = (url) => (url.matc...

2022-12-31 22:18:14

47浏览

0评论

vue中如何防止用户频繁点击按钮详解

目录1、在项目中遇到一个问题：2、解决办法3、具体实现：方法1步骤：方法2：方法三：总结1、在项目中遇到一个问题：当事件中的代码执行耗费时间，且用户在短时间不断点击按钮，造成短时间多...

2022-12-31 22:18:13

63浏览

0评论

vue-router路由跳转问题 replace

目录vue-router路由跳转replacevue router路由跳转方法概述一、概述二、跳转方法三、路由中params和query的区别vue-router路由跳转replace1.push 常用this.$router.push()2...

2022-12-31 22:18:10

42浏览

0评论

vue+el使用this.$confirm,不能阻断代码往下执行的解决

目录vue+el使用this.$confirm不能阻断代码往下执行具体解决后记使用this.$confirm换行显示提示信息这里我需要显示两行信息解释vue+el使用this.$confirm不能阻断代码往下执...

2022-12-31 22:18:09

40浏览

0评论

Vue ElementUI this.$confirm async await封装方式

目录Vue ElementUI this.$confirm async await封装改造前async await改造后Vue elementUI组件封装思路核心示例步骤Vue ElementUI this.$confirm async await封装this.$conf...

2022-12-31 22:18:07

39浏览

0评论

vue2+elementUI的el-tree的懒加载功能

lazy 属性为true 时生效
lazy ----> 是否懒加载子节点，需与 load 方法结合使用isLeaf可以提前告知 Tree 某个节点是否为叶子节点，从而避免在叶子节点前渲染下拉按钮。HTML部分...

2022-12-31 22:18:05

56浏览

0评论

Vue利用vue-baidu-map实现获取经纬度和搜索地址

目录1.申请百度地图密钥2.安装vue-baidu-map3.获取经纬度最终实现效果在开发项目的时候，发现需要获取经纬度，由于这个项目是用vue写的，最后决定使用vue-baidu-map来快速获取经...

2022-12-31 22:18:04

47浏览

0评论

vue项目安装scss常见报错处理方式

目录安装sass依赖问题原因解决方案安装sass依赖npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass第一种：Module build fai...

2022-12-31 22:18:00

46浏览

0评论

vue-class-setup 编写 class 风格组合式API

目录前言诞生想法快速开始最佳实践多个类实例PassOnToWatchdefineExpose为什么使用 class ？最后前言我司基于vue-class-component开发的项目有上百个，其中部署的 SSR 服务也接...

2022-12-31 22:17:59

60浏览

0评论

vue 动态style 拼接宽度问题

目录vue 动态style 拼接宽度vue style的用法1.基本用法2.采用数组形式3.使用数组的形式，设置多个属性4.使用设置一个变量的方法vue 动态style 拼接宽度大众用法：：style=" { wid...

2022-12-31 22:17:57

58浏览

0评论

在vue中如何引入外部less文件

目录vue引入外部less文件vue引入lang=“less“报错的解决vue引入外部less文件首先vue环境搭建成功一、安装 less 和less-loader一、修改 webpack.config.js 文件，...

2022-12-31 22:17:55

39浏览

0评论

vue项目中使用this.$confirm解析

目录vue使用this.$confirmvue TypeError: this.$confirm is not a function错误解决方案vue使用this.$confirm首先在element-ui中的el-table下的el-table-column中引入插槽（...

2022-12-31 22:17:53

56浏览

0评论

Vue结合openlayers按照经纬度坐标实现锚地标记及绘制多边形区域

目录前言1.安装openlayers2.引入模块3.地图与弹窗html样式4.data数据定义5.methods方法6.mounted数据加载7.锚地数据获取前言本文介绍vue结合openlayers实现根据返回的经纬...

2022-12-31 22:17:51

62浏览

0评论

element UI 中的 el-tree 实现 checkbox 单选框及 bus 传递参数功能

el-tree 单选功能在日常项目开发中，会经常遇到，树形结构的查询方式，为了快速方便开发，常常会使用到快捷的ui组件去快速搭树形结构，这里我用的是 element ui 中的 el-tree 。第一...

2022-12-31 22:17:48

69浏览

0评论

如何在Vue中获取DOM元素的实际宽高

目录前言一、获取元素二、获取元素宽高补充：vue项目获取dom元素宽高总是不准确总结前言最近使用 D3.js 开发可视化图表，因为移动端做了 rem 适配，所以需要动态计算获取图表容器...

2022-12-31 22:17:46

40浏览

0评论

vue自定义实例化modal弹窗功能的实现

目录需求背景下面进行相关讲解需求背景使用iview时发现其定义的this.$Modal.confirm()不能进行样式修改，并且秉承着对新知识的追求，故此有了以下的开发按照我的文档习惯：优先上...

2022-12-31 22:17:44

52浏览

0评论

vue3组合式api实现v-lazy图片懒加载的方法实例

目录前置知识Intersection ObserverVue3指令周期image对象思路完整代码总结前置知识Intersection Observer浏览器提供api，用于检测目标元素和祖先元素/顶级文档视窗 (viewpor...

2022-12-31 22:17:42

42浏览

0评论

vue3 hook自动导入原理解析

目录1. vue3 自动导入2. API 的自动引入Ⅰ、使用前后对比Ⅱ、安装三方件Ⅲ、配置三方件3. 组件的自动引入Ⅰ、使用前后对比Ⅱ、安装三方件Ⅲ、配置三方件1. vue3 自动导入...

2022-12-31 22:17:40

65浏览

0评论

vue后台系统管理项目之角色权限分配管理功能(示例详解)

目录角色权限分配管理功能role.vue模块1.查询重置搜索2.table列表3.分页4.新建/编辑角色弹窗5.接口引入6.data定义7.methods方法8.created加载角色列表vue后台系统管理项目：...

2022-12-31 22:17:39

46浏览

0评论

vue中如何解除数据之间的双向绑定

目录如何解除数据之间的双向绑定问题结论vue双向绑定2.0和3.0区别vue2.0实现双向绑定vue3.0实现双向绑定vue2.0和Vue3.0双向绑定的区别观察者模式和发布者订阅者模式的区别...

2022-12-31 22:17:36

39浏览

0评论

如何处理elementUI中表格多选框禁用的问题

目录处理elementUI中表格多选框禁用elementUI多选表格禁用某一行不被选择首先使用element-ui 的表格组件处理elementUI中表格多选框禁用在 el-table-column type 类型为 sel...

2022-12-31 22:17:33

52浏览

0评论

Vue echarts实例项目地区销量趋势堆叠折线图实现详解

最终效果如图组件结构设计外部 Trendpage.vue<template> <div class="comP1"> <Trend></Trend> </div></template>...

2022-12-31 22:17:32

55浏览

0评论

Vuex的五大核心详细讲解

目录1.什么是vuex2.什么时候用Vuex3.搭建vuex环境4.五个核心StateMutationActiongettersModules5.四个map方法的使用1.什么是vuexVuex 是一个专为 Vue.js 应用程序开发的状...

2022-12-31 22:17:28

58浏览

0评论

Vue echarts 实现离线中国地图的示例代码(细化到省份)

目录一、效果二、完整代码三、一些配置说明1. 颜色配置2. 省份点击事件四、关于地图中的 china.js 细节修改Vue echarts 实现离线中国地图，细化到省份更新于 2022/09/22找了...

2022-12-31 22:17:27

61浏览

0评论

vue3 组件与API直接使用的方法详解(无需import)

目录1. vue3 自动导入2. API 的自动引入3. 组件的自动引入 1. vue3 自动导入原理：预加载前，该插件自动按需导入了，在本vue文件中使用 api 和组件而编写代码的时候，就无需...

2022-12-31 22:17:23

50浏览

0评论

创建项目及包管理yarn create vite源码学习

目录1.引言2.走进“yarn create vite”的源码2.1 Vite 创建项目的方式：2.1.1 终端交互方式创建项目：2.1.2 终端指定模版创建项目：2.2 源码分析：2.2.1 终端参数解析：2.2...

2022-12-31 22:17:21

51浏览

0评论

一次vue项目优化的实际操作记录

目录前言一、CDN引入二、gzip压缩三、路由懒加载，这种最简单的了就不多说了四、打包不生成map文件五、router上面使用props传参数，导致页面加载时间很长总结前言项目前端优化...

2022-12-31 22:17:18

52浏览

0评论

vue+element tree懒加载更新数据的示例代码

使用element tree实现懒加载，更新某一节点的数据1.tree 懒加载只需要在el-tree标签上面添加lazy，load属性，load的接收是一个函数。这里贴上官网给出的方法<el-tree :data="tr...

2022-12-31 22:17:15

62浏览

0评论

Vue tagsview实现多页签导航功能流程详解

目录一、效果图二、实现思路1. 新建 tags-view.js2. 在Vuex里面引入tags-view.js3. 新建tabsView组件4. 新建ScrollPane组件5. 引入tabsView组件6. 使用keep-alive组件进行...

2022-12-31 22:17:10

57浏览

0评论

vue3的ref、isRef、toRef、toRefs、toRaw详细介绍

ref、isRef、toRef、toRefs、toRaw看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。1、refref 属性除了能够获取元素外，也可以使用 ref 函数，创建...

2022-12-31 22:16:49

43浏览

0评论

Vue3组合式API之getCurrentInstance详解

Vue2中，可以通过this来获取当前组件实例； Vue3中，在setup中无法通过this获取组件实例，console.log(this)打印出来的值是undefined。在Vue3中，getCurrentInstance()可以用来获取当...

2022-12-31 22:16:46

146浏览

0评论

vue-manage-system升级到vue3的开发总结分析

目录前言按需导入组件的 name 选项pinia权限管理Typescript总结前言近期抽了点时间，对 vue-manage-system 这个项目进行了升级，从 vue2 升级到 vue3、 elementplus、vite、pin...

2022-12-31 22:16:44

57浏览

0评论

基于Element-Ui封装公共表格组件的详细图文步骤

项目组最近需要把老项目拆出来表格都是独立的需要重新封装公共的表格组件以下是实现逻辑以及部分截图实现逻辑是类似于antd-vue框架的写法，将columns拆出来在columns中填写...

2022-12-31 22:16:42

235浏览

0评论

vue2.x引入threejs的实例代码

目录vue2.x引入threejsnpm安装使用指定版本:其他插件实例强调vue2.x引入threejsnpm安装npm install three使用指定版本:npm install three@<版本号>其他插件因为本次开发需...

2022-12-31 22:16:39

55浏览

0评论

Vue组件间的通信方式详析

目录前言组件之间通信的场景父子组件之间的通信父组件通过 prop 向子组件传递数据子组件通过自定义事件向父组件传递数据兄弟组件之间的通信状态提升隔代组件之间的通信attr...

2022-12-31 22:16:37

276浏览

0评论

关于vue双向绑定带来的问题及解决

目录vue双向绑定带来的问题问题场景解决方案vue双向绑定的原理总结MVVMvue当中的双向绑定vue双向绑定带来的问题问题场景查询完表格数据后通过作用域插槽，将该行数据传到修...

2022-12-31 22:16:35

47浏览

0评论

vue项目中请求数据特别多导致页面卡死的解决

目录vue请求数据特别多导致页面卡死vue项目页面卡死原因排查问题描述问题排查vue请求数据特别多导致页面卡死1. 在平时开发中经常会碰到数据量特别大，请求接口时导致页面卡死...

2022-12-31 22:16:31

59浏览

0评论

Vue首页界面加载优化实现方法详解

目录1、路由懒加载2、js 资源异步加载3、图片懒加载4、组件分包懒加载-在视口才加载1、路由懒加载问题：项目在打包时会将首页与其他页面的资源打包到同一个资源文件，造成首页...

2022-12-31 22:16:29

首页 «221 222223224 225 »尾页

热门文章