一把杀猪刀的博客_VUE

使用avue-form-design生成表单

是不是我用的版本不是最新的，打开官网的表单生成界面时

vue

avue

表单

搜索

字段

原创 2022-12-11 16:48:37 1391 阅读

前后端分离项目VUE使用axios调用微服务SpringBoot后端接口无法获取参数

前言首先这是一个很简单却又很恶心的问题，简单就是只需要根据服务端的入参规则传参就行了，恶心就是在写前端时

get请求

服务器

数据

原创 2022-12-01 17:40:00 1250 阅读

VUE在线调用阿里Iconfont图标库

前言多年前我本是个服务端小白，随着行业内卷，硬是被熬成了前端小白。。。开个玩笑，只是个人比较喜欢学习技术罢了！本章将带领大家以另一个高端的方式打开阿里Iconfont图标库，过去，我们要么是自己在网上费好大劲，东拼西凑的找一些icon的图片，来美化我们的网页，然而随着技术的发展，和一些大平台的技术奉献，这里不得不说阿里还是牛逼，这里不是夸它，给它打广告，确实，人家在一些领域做的比某腾要好，可能也和领域有关吧，受我个人认知水平问题，我也只能这么认为，比如在我门JAVA服务端方向，阿里有Nacos、Canal

vue.js

html5

javascript

ico

css

原创 2022-12-01 17:21:20 238 阅读

vue全局引入scss（mixin）

前言today，is good day，中午吃了个农民工外卖，有点撑，想在床上躺会，TMD，睁开眼天黑了，别说，冬天的上海天黑的挺早，基本上五点半就已经全黑了，住在出租屋的我，却感觉不到上海的灯火通明，繁华，毕竟在我们这些人的眼里，上海是有钱人的上海，它的繁华、它的璀璨与我无关，我只不过是外地过来讨饭的！回归正题吧！我们在写VUE的时候，会使用scss，也会做一些通用样式，方便使用，在写好的通用样式的时候，每次都要单文件导入，刚开始写的时候，感觉还好，后面工程量大了后，就显得麻烦，那么本文就全局导入scs

css

vue.js

scss

前端

html

原创 2022-12-01 17:20:58 385 阅读

VUE全局this指向

前言在很久很久之前我还是个菜鸡的时候，解决报错的时候，不幸看过一种关于this指向的写法，当时没记住，只知道有个这么个模糊的概念，然后今天晚上来了灵感，就写出来了，说到这个this指向问题，很多刚入行的前端同学应该多会碰到，那么今天就写一下关于全局this指向的代码，让我们的代码更加简洁。传统写法问题代码<template> <div> <div @click="test">按钮</div> </div><

vue.js

前端

javascript

数据

解决方案

原创 2022-12-01 17:20:58 98 阅读

el-upload删除已选图片存在问题

前言昨天写了JAVA整合阿里云OSS/VUE上传阿里云OSS这篇文章，上传是没有问题了，但是在删除的时候有点问题，如果在只上传单张图片的场景下，el-upload是很方便搞定的，但是如果是多张图片，上传是没问题，但是如果上传后的图片要做删除操作还是有点恶心的，本文主要针对VUE端，废话先不多说，场景引入一下！场景引入代码如下<template> <div> <el-upload :limit="4"

vue.js

elementui

javascript

上传

spark

原创 2022-12-01 17:20:57 1140 阅读

vue全局挂载缓存-good-storage

前言vue做数据缓存有多种方案，如：good-storage，localStorage ，本文使用good-storage作为缓存，good-stor

数据

html

封装

原创 2022-12-01 17:17:18 428 阅读

VUE编写插件上传npm

前言这篇文章是准备不写的，因为之前写过uniapp插件上传npm，然后加上在手写VUE步骤条组件这篇文章中有提到后期会将这个步骤条组件上传到npm仓库，然后我就用上传uniapp插件的方式试着上传VUE这个插件，上传是能上传，结果在VUE项目中npm安装的这个插件的时候就无法安装，于是我就再思考，哦原来这个uniapp插件上传和VUE插件上传还不一样，于是就有了这篇文章！开干1.创建一个空VUE项目之前创建VUE项目的时候，应该用的是下面这个命令vue init webpack you-proje

上传

推送

维护者

其他

原创 2022-12-01 17:07:37 201 阅读

VUE步骤条组件

前言最近和朋友一起做一个关于程序员赚外快的项目，找了个UI出了个界面，这个美术妹子声音贼好听，御姐类型的，爱了爱了！这个美术妹子估计不知道我是做后端的，前端不是特别专业，她也不问我能不能做出这种效果就把界面搞完了，这就有点难为我了！写到发布问题这个界面的时候有一个步骤条这个功能，我试着写了一下，大致上是这么个意思，但是我觉得不是特别完美，然后我就想偷懒看看有没有现成的组件，找了一些博文，要么是样式不符合，要么就是用图片实现的，局限性太大了，那么我就劳苦一下吧，写了这个VUE插件！请看下图！关于vue-

vue.js

前端

javascript

string类

字体颜色

原创 2022-12-01 17:07:37 854 阅读

VUE+SpringCloud+SpringSecurity+Gateway解决跨域问题

这个标题呢我也不知道怎么写！反正看的懂的自然懂了，这个问题的症状如下图Acces

跨域

spring

sed

原创 2022-12-01 16:47:26 237 阅读

VUE引入字体库

前言这个字体优化对于我这个做后端的有点深入了，虽然很简单，但是没干过还真不知认采用这个样式！...

vue.js

html

javascript

免费版

原创 2022-12-01 16:41:18 329 阅读

VUE 小技巧（我有点长，你忍一下）

1.将一个 prop 限制在一个类型的列表中使用 prop 定义中的 validator 选项，可以将一个 prop

ico

插槽

css

原创 2022-12-01 16:41:08 81 阅读

el-submenu折叠失效，文字和＞显示

先看问题效果这里的el-menu中的:collapse已经设置为true了，但是文字和>还是显示了出来，而且悬浮上去确实也有折叠时的-submenu>,&l

嵌套

菜单项

解决方案

原创 2022-12-01 16:40:07 614 阅读

VUE手动挂载组件

在一些需求中，手动挂载组件能够让我们实现起来更加优雅。比如一个弹窗组件，最理想的用法是通过命令式调用，就像 elemen

选择器

f5

字符串

原创 2022-12-01 16:39:20 375 阅读

VUE自定义组件双向绑定

组件 model 选项:允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下，一个组件上的 v-model 会把del="val"></my-sw

自定义

复选框

自定义组件

原创 2022-12-01 16:39:15 85 阅读

VUE事件参数$event

$event是事件对象的特殊变量，在一些场景能给我们实现复杂功能提供更多可用的参数原生事件在原生事件中

事件对象

自定义事件

原创 2022-12-01 16:39:10 484 阅读

VUE监听组件生命周期

通常我们监听组件生命周期会使用$emit，父组件接收事件来进行通知子组件export default { mounted() { this.$emit( listenMount

生命周期

原创 2022-12-01 16:39:06 175 阅读

VUE的watch监听多个变量

watch本身无法监听多个变量。但我们可以将需要监听的多个变量通过计算属性返回对象，再监听这个对象来实现“监听多个变量”export default { data() {

watch

原创 2022-12-01 16:39:02 771 阅读

VUE样式穿透

在开发中修改第三方组件样式是很常见，但由于scoped属性的样式隔离，可能需要去除scoped或是另起一个style。这些做法

css

预处理

原创 2022-12-01 16:38:55 199 阅读

VUE的watch高阶使用

立即执行watch是在监听属性改变时才会触发，有些时候，我们希望在组件创建后 watch 能够立即执行可能想到的的

数组

字符串

生命周期

原创 2022-12-01 16:38:52 141 阅读

VUE函数式组件

函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加functio functional> <div class="list"> <div class=

函数式

数据

生命周期

原创 2022-12-01 16:38:47 67 阅读

VUE路由参数解耦

一般在组件内使用路由参数，大多数人会这样做：export default { methods: { getParamsId() { return this.$route.par

解耦

属性设置

ide

原创 2022-12-01 16:38:38 46 阅读

VUE程序化的事件侦听器

比如，在页面挂载时定义计时器，需要在页面销毁时清除定时器。这看起来没什么问题。但仔细一看this.timer唯一的作用

生命周期

原创 2022-12-01 16:38:16 35 阅读

Vue tools : Cannot read property ‘__VUE_DEVTOOLS_UID__‘ of undefined

网上有一些解决方案，这个具体原因不我是特别清楚，但是解决了就行了！这个问题刚开始、

解决方案

github

百度

原创 2022-12-01 16:35:09 79 阅读

VUE鼠标移入移出改变元素样式

这种功能实际开发中用的特别多，但是写起来的话有点点麻烦，演示两种方案，第一种就是常规的class和style绑定，第二种是

html

官网

实际开发

原创 2022-12-01 16:33:29 2057 阅读

VUE常见面试题，含答案

前言本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 Vue 掌握程度有一定的认识，对缺漏之处进行

生命周期

钩子函数

加载

原创 2022-12-01 16:33:11 452 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx638865aef0d09的博客

使用avue-form-design生成表单

前后端分离项目VUE使用axios调用微服务SpringBoot后端接口无法获取参数

VUE在线调用阿里Iconfont图标库

vue全局引入scss（mixin）

VUE全局this指向

el-upload删除已选图片存在问题

vue全局挂载缓存-good-storage

VUE编写插件上传npm

VUE步骤条组件

VUE+SpringCloud+SpringSecurity+Gateway解决跨域问题

VUE引入字体库

VUE 小技巧（我有点长，你忍一下）

el-submenu折叠失效，文字和＞显示

VUE手动挂载组件

VUE自定义组件双向绑定

VUE事件参数$event

VUE监听组件生命周期

VUE的watch监听多个变量

VUE样式穿透

VUE的watch高阶使用

VUE函数式组件

VUE路由参数解耦

VUE程序化的事件侦听器

Vue tools : Cannot read property ‘__VUE_DEVTOOLS_UID__‘ of undefined

VUE鼠标移入移出改变元素样式

VUE常见面试题，含答案