编程开发 - 教程之家

编程开发

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

134浏览

0评论

vue父元素点击事件与子元素点击事件冲突问题

目录父元素点击事件与子元素点击事件冲突vue点击事件（父子层级元素点击时踩坑记录）总结父元素点击事件与子元素点击事件冲突在做vue项目的时候，遇到子元素有点击事件，父元素也有...

2023-04-07 00:41:22

102浏览

0评论

解读vue项目防范XSS攻击问题

目录1.对于从接口请求的数据2.对用V-HTML和INNERHTML加载的客户信息进行转义3.在入口页面的META中使用CSP4.针对特殊场景，选择性过滤XSS标签总结1.对于从接口请求的数据尽量...

2023-04-07 00:41:20

80浏览

0评论

vue.js 自定义指令（拖拽、拖动、移动）指令 v-drag详解

1.main.js文件中添加已下代码Vue.directive('drag', { //1.指令绑定到元素上回立刻执行bind函数，只执行一次 //2.每个函数中第一个参数永远是el，表示绑定指令的元素，el参数是...

2023-04-07 00:41:19

81浏览

0评论

如何在Vue项目中使用vuex

目录在Vue项目中使用vuex一、安装vuex二、创建store三、挂载store四、在组件中使用五、在Vue组件中监听Vuex总结在Vue项目中使用vuex在一个vue项目中使用vuex，需要根据项目来...

2023-04-07 00:41:17

119浏览

0评论

vue中this.$refs有值,但无法获取ref的值问题及解决

目录vue中this.$refs有值，但无法获取ref的值解决方法ant-design-vue中this.$refs使用笔记总结vue中this.$refs有值，但无法获取ref的值vue报错Cannot read property ‘add...

2023-04-07 00:41:14

72浏览

0评论

Vue动态类的几种使用方法总结

目录Vue动态类的几种使用点击显示或隐藏样式的做法利用三元表达式切换样式多个动态类的用法Vue class动态类名总结Vue动态类的几种使用动态类的操作比较简单，但是很实用。点...

2023-04-07 00:41:12

70浏览

0评论

Vue中watch使用方法详解

目录前言watchimmediate和handlerdeep拓展前言说到 vue 中的 watch 方法，大家可能首先想到，它是用来监听数据的变化，一旦数据发生变化可以执行一些其他的操作。但是 watch 的操...

2023-04-07 00:41:10

119浏览

0评论

vue运行卡死的问题

目录vue运行为何卡死vue项目打包后卡死解决解决方案1解决方案2总结vue运行为何卡死有两个原因会造成这个结果：modules中缺少依赖，使用npm install 命令重新加载依赖Vue规定每...

2023-04-07 00:41:05

240浏览

0评论

TypeScript踩坑之TS7053的问题及解决

目录TypeScript踩坑之TS7053解决方法总结TypeScript踩坑之TS7053错误：TS7053: Element implicitly has an ‘any’ type because expression of type ‘strin...

2023-04-07 00:41:04

79浏览

0评论

详解Vue如何监测数组的变化

目录一、使用 Vue.js 提供的方法来更新数组二、使用专门用于监测数组变化的语法糖三、使用Vue.observable()函数四、使用 computed 属性和 watch 属性监测数组变化五、使用...

2023-04-07 00:41:02

89浏览

0评论

Vue props传入function时的this指向问题解读

目录Vue props传入function时的this指向踩坑笔记我的解决方案Vue props 传递函数Props的type是函数总结Vue props传入function时的this指向Parent.vue<template> <div>...

2023-04-07 00:41:00

77浏览

0评论

Vue组件中的父子组件使用

目录Vue组件中的父子组件父组件向子组件传值子组件向父组件传值Vue父子组件的生命周期总结Vue组件中的父子组件父组件向子组件传值父组件通过属性绑定（v-bind:）的形式, 把需要...

2023-04-07 00:40:58

114浏览

0评论

Vue中使用setTimeout问题

目录Vue使用setTimeout使用setTimeout存在的潜在问题总结Vue使用setTimeout今天使用setTimeout 来修改一个变量的值以实现提示框的自动消失。先是这样写，结果发现函数被调用...

2023-04-07 00:40:56

138浏览

0评论

vue3 setup语法糖之组件传参(defineProps、defineEmits、defineExpose)示例详解

vue3官方文档 defineProps 和 defineEmits 都是只能在 <script setup> 中使用的编译器宏。他们不需要导入，且会随着 <script setup> 的处理过程一同被编译掉。defineProps 接...

2023-04-07 00:40:51

157浏览

0评论

vue 循环动态设置ref并获取$refs方式

目录vue循环动态设置ref并获取$refs一. 使用理解步骤（个人理解、大白话概况）二. 单循环和无循环动态设置ref三. 双循环动态设置refref和$refs的使用方法ref介绍this.$refs介绍...

2023-04-07 00:40:49

90浏览

0评论

vue中$refs的三种用法解读

目录vue $refs的三种用法1、vue2中2、vue3中3、vue3的组合API（composition-api）对vue中$refs的理解描述总结vue $refs的三种用法我们都知道，在vue2中获取DOM元素，可以直接在元素...

2023-04-07 00:40:48

74浏览

0评论

vue集成openlayers问题

目录vue集成openlayers下载依赖创建地图文件其他APIvue openlayers绘制数据时鼠标位置偏移问题解决方案总结vue集成openlayers下载依赖cnpm i -S ol创建地图文件 <div clas...

2023-04-07 00:40:46

345浏览

0评论

使用vue-cli创建vue2项目的实战步骤详解

目录前言第一步：搭建node运行环境，根据操作系统选择相应安装包第二步：安装webpack第四步：创建项目总结前言说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-...

2023-04-07 00:40:44

169浏览

0评论

vue项目内存溢出问题及解决方案

目录vue项目内存溢出的解决vue项目内存溢出问题问题解决方法1解决方法2总结vue项目内存溢出的解决最近在对原有项目进行迭代升级，有用代码越来越多，导致内存溢出了。正常启动...

2023-04-07 00:40:41

228浏览

0评论

vue清除地址栏路由参数方式

目录vue清除地址栏路由参数vue删除query中个别参数或清除query总结vue清除地址栏路由参数方式一：let path = this.$route.path; //先获取路由路径this.$router.push(path); /...

2023-04-07 00:40:39

117浏览

0评论

typescript中this报错的解决

目录typescript中this报错出错原因改成这样就可以了typescript中this的使用注意总结typescript中this报错export class AppComponent { title = 'myapp'; count=1; click...

2023-04-07 00:40:38

103浏览

0评论

Vue3之Vite中由element ui更新导致的启动报错解决

目录Vite中由element ui更新导致的启动报错问题解决总结Vite中由element ui更新导致的启动报错直接上图，报错如下：导致的结果就是打开浏览器，啥也没有：通过谷歌在github上看到了...

2023-04-07 00:40:36

148浏览

0评论

VUE div click无效的问题及解决

目录VUE div click无效@click事件无效？@click.native中.native的含义和使用记录@click绑定事件的一个坑总结VUE div click无效每逢半年总要遇到一个前端诡异问题，花了个把小...

2023-04-07 00:40:34

107浏览

0评论

在vue中完美使用ueditor组件(cdn)解读

目录vue使用ueditor组件(cdn)vue项目使用ueditor指南基本使用使用配置跳坑心得总结vue使用ueditor组件(cdn)前言：无需main.js或页面全局或局部引入，直接使用cdn将ueditor作为v...

2023-04-07 00:40:32

138浏览

0评论

Vue中使用touchstart、touchmove、touchend与click冲突问题

目录使用touchstart、touchmove、touchend与click冲突事件执行顺序触摸事件(touchstart、touchmove和touchend)下面具体说明总结使用touchstart、touchmove、touchend与clic...

2023-04-07 00:40:30

102浏览

0评论

vue项目配置代理如何解决跨域问题

目录Vue项目配置代理1. 这里以axios发请求为例2. 如果发送的请求都以 /abc 开头3. 代理多个接口什么是跨域？配置（vue.config.js）总结Vue项目配置代理前端向服务器发送请求时，经...

2023-04-07 00:40:28

108浏览

0评论

vue $refs动态拼接获取值问题

目录vue $refs动态拼接获取值vue $refs不能动态拼接问题项目需求：动态增减表单并验证总结vue $refs动态拼接获取值div是循环所以img 的ref是动态设置的要获取对应点击的 <...

2023-04-07 00:40:26

99浏览

0评论

Vue中全局常用的过滤方法解读

目录1.将整数部分逢三一断2.将数据格式化为金额3.展示时，字数超出10个字的后面省略4.格式化日期为YYYY-MM-DD5.格式化日期为YYYY-MM-DD HH:mm:ss总结全局引入filter：把写了方...

2023-04-07 00:40:25

134浏览

0评论

Vue项目如何获取本地文件夹绝对路径

目录一、前端代码1.弹框样式代码2.导入方法（不要忘记了导入方法和data定义）3.方法区代码4.api接口中的config.js代码二、后端代码controller层代码service接口interfaceservic...

2023-04-07 00:40:22

86浏览

0评论

TypeScript中集成Tween.js踩坑记录

目录TypeScript集成Tween.js踩坑安装更改配置引用Tween.js的使用方法总结TypeScript集成Tween.js踩坑首选，采用的是webpack的架构，在ts中使用tween.js，非常麻烦，配置教程少的可...

2023-04-07 00:40:20

231浏览

0评论

Element-ui/Element-plus Vue报错问题及解决

目录element-ui前端组件element-plus前端组件vue-ui安装方式总结这篇主要是解决在Vue3.0版本中遇到的element-ui失效报错的问题element-ui前端组件一套为开发者、设计师和产...

2023-04-07 00:40:18

68浏览

0评论

Vue中父子组件如何实现传值

目录前言一、将子组件引入父组件二、父组件如何传值给子组件三、子组件如何接收父组件传过来的值并使用(props)四、子组件如何传值给父组件($emit)五、父组件使用子组件传过...

2023-04-07 00:40:16

109浏览

0评论

基于vue3实现一个抽奖小项目

目录前言数据保存姓名切换奖项切换历史记录数据导入结语前言在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。浏览链接：http://xisite.top/original/luc...

2023-04-07 00:40:13

84浏览

0评论

Vue如何引入全局过滤器

目录Vue引入全局过滤器创建单独的文件加上时间过滤函数在main.js中全局引入在组件中使用formatDate过滤时间戳vue全局过滤器配置总结Vue引入全局过滤器创建单独的文件加上时...

2023-04-07 00:40:07

171浏览

0评论

Vue+ElementUi实现点击表格中链接进行页面跳转与路由详解

目录1、页面跳转，先看效果2、路由切换加传参数，先看效果总结1、页面跳转，先看效果点击表格中的asin会跳转到亚马逊购物界面怎么做的呢，直接上代码<el-table-column prop=...

2023-04-07 00:40:05

68浏览

0评论

第一次使用webstrom简单创建vue项目的一些报错实战记录

我的目录层级：工作文件夹为webpackedit，我这里只做简单依赖打包处理，src目录下的main.js引入mathUtil.js文件，将内容展示在index.html界面上，打包main.js后文件为dist目录下的mai...

2023-04-07 00:40:03

76浏览

0评论

Vue axios库避免重复发送请求的示例介绍

目录目的文件结构实现请求拦截响应拦截取消重复发送请求调用目的实现请求拦截实现响应拦截常见错误处理不能请求头设置api 集中式管理(取消重复请求,重复发送请求, 请求缓存...

2023-04-07 00:40:00

90浏览

0评论

Tree-Shaking 机制快速掌握

目录写在前面直奔主题最后写在前面最近在读霍老师的《Vue.js设计与实现》，感觉收获很多，由于霍老师是官方Vue维护成员，会从很通俗易懂的角度去讲Vue的实现细节。而不是按照源码...

2023-04-07 00:39:58

110浏览

0评论

vue 支持百万量级的无限滚动组件详解

目录正文vue3-infinite-list特点安装使用功能正文滚动相信大家都做过，但是不知道大家当遇到大量数据甚至几百万条数据时该怎么办呢?或许有小伙伴说：用分页呀，每次只展示有限的...

2023-04-07 00:39:56

140浏览

0评论

unplugin-auto-import与unplugin-vue-components安装问题解析

目录背景安装vite 版本问题1：自动导入的依然 eslint 报错问题2: 自动生成的 components.d.ts 文件内容有报错最后背景unplugin-auto-import：为 Vite、Webpack、Rollup 和 esbu...

2023-04-07 00:39:52

186浏览

0评论

vue对于低版本浏览器兼容问题的解决思路

目录准备工具库进阶使用问题例子解决思路语法不支持具体哪个使用了哪个库不支持兼容语法总结准备由于采用了vite3而不是vue-cli，所以以前的很多兼容方式都不能做。接下来就看...

2023-04-07 00:39:48

104浏览

0评论

axios拦截器工作方式及原理源码解析

目录axios 拦截器的配置方式use() 方法的定义拦截器如何执行拦截器回调方法的添加顺序同步执行请求拦截器（顺序执行）异步执行请求拦截器（同时执行）Q&A拦截器是如何工作的拦截器...

2023-04-07 00:39:46

204浏览

0评论

Vue实现docx/xlsx/pdf等类型文件预览功能

目录使用安装使用示例docx文档的预览excel文档预览pdf文档预览都2023年了，怎么文件预览还这么难！发现了问题之后，就想着能不能实现一个简单的VUE组件库，能够解决以上问题，让新手...

2023-04-07 00:39:42

89浏览

0评论

vue项目实现一键网站换肤效果实例(webpack-theme-color-replacer的使用)

目录前言CSS样式覆盖 - 最简单粗暴的力工做法LESS、SCSS变量覆盖 - 学会使用工具的做法CSS变量 - 新款工具的做法webpack-theme-color-replacer插件 - 令人惊叹的做法准备工...

2023-04-07 00:39:40

141浏览

0评论

Vue中金额、日期格式化插件@formatjs/intl的使用及说明

目录Vue金额、日期格式化插件@formatjs/intl使用Intl.NumberFormat用于数字计算数字分组位数控制长度表示字节单位表示复合单位表示百分比表示货币表示质量表示温度表示容积...

2023-04-07 00:39:38

145浏览

0评论

详解Vue自定义指令如何实现处理图片加载失败的碎图

目录一、自定义指令1、局部注册和使用2、全局注册和使用二、自定义指令处理图片加载失败(碎图)一、自定义指令vue中除v-model、v-show等内置指令之外，还允许注册自定义指令，获...

2023-04-07 00:39:36

91浏览

0评论

Vue.js状态管理之Pinia与Vuex详解

目录前言Pinia 和 Vuex 简介什么是Pinia？什么是 Vuex？Pinia 的特点模块化设计完整的开发工具支持Pinia 很直观Pinia 是可扩展的TypeScript 支持Pinia 轻量的Vuex的特点模块开...

2023-04-07 00:39:35

117浏览

0评论

Vue项目中Websocket的使用实例

目录前言判断浏览器是否支持websocket的方法Vue项目里使用websocket的实例总结前言由于项目需求有要使用长链接，我们普通的http请求如果用轮询的方式与服务端通讯就很消耗资...

2023-04-07 00:39:33

120浏览

0评论

使用WebStorm运行vue项目的详细图文教程

在WebStorm中怎么打开一个已有的项目，这个不用多说，那么如何运行一个vue项目呢？1.点击下图中右上角的红框。2.在出现的弹框中选中左上角“+”下的“npm”，...

2023-04-07 00:39:26

118浏览

0评论

Vue驼峰与短横线分割命名中有哪些坑

目录驼峰和短横线分割命名注意事项组件注册命名父子组件数据传递时命名父子组件函数传递驼峰和短横线分割命名注意事项我们一般定义组件的方式有两种：短横线分隔命名：kebab-ca...

2023-04-07 00:39:20

首页 «171 172173174 175 »尾页

热门文章