人称左直拳的博客_vue

随机产生一些江河上的坐标数据

我首先是想到用AI直接给我一点数据，没想到给出来的坐标，有许多都落在陆地上，根本不符合我的要求。后来结合AI给出

江河内坐标

chatGPT

谷歌地图

turf

Math

原创 2月前 30 阅读

vue3项目中typescript如何export引入(imported）的interface

引入接口后，不能原封不动地直接export出去。typescript支持面向对象语言中常见的接口（interface）、类（class）等。但我近几天发的。

typescript

interface

imported

Line

面向对象语言

原创 5月前 143 阅读

vue项目使用typescript创建抽象类及其使用

如题，可以在vue项目使用typescript创建抽象类，然后使用这个抽象类。通过TypeScript，可以在前端应用抽象类了。抽象类的好处，

typescript

抽象类

分页

原创 7月前 75 阅读

创建EasyCodeMybatisCodeHelperPro模板文件用于将数据库表生成前端json文件

现在的前端，越来越像后端。当我听到我同事说这些名为*.data.ts的json格式文件，是通过工具自动导出来时，我感到震惊，50

EasyCode

MybatisCode

导出前端实体类

系统变量

表单校验

原创精选 7月前 300 阅读

vue3使用provider+ inject直接将参数由祖宗传送给孙子

如题。在vue项目中，如果祖宗想将参数传递给孙子甚至更小一辈的组件，是一件麻烦事。可以通过爷爷-儿子-孙子-曾孙这样的

provider

inject

computed

watch

直接传参

原创 8月前 198 阅读

vue3项目发布后修改配置文件仍然生效

使用json，并且要用ajax来加载；应用过程中也有一些注意的问题。有关“vue3项目发布后修改配置文件仍然生效”问题，之前

配置文件

发布后修改配置文件

json

ios

原创 10月前 305 阅读

vue3 async await

await者，等待异步操作完成也。上面例子中，getStructApi是一个promise，第二个，如果一个方法，包含了await关键词，则该方法在声明时要加上 async 关键词。意思就是死活等它完成，等到一个结果为止。

vue.js

await

async

缓存

异步操作

原创 11月前 285 阅读

vue中的nextTick的作用

今天我忽然有点明白了。这是一个跟前面语句有关的方法。意思是，等前面的都执行完了，再执行nextTick里面的方法。比如说，页面

vue

nextTick

事件触发

ico

显示隐藏

原创 2023-09-07 16:11:52 141 阅读

VUE3页面div点击改变样式

如题目所示。用上VUE之后，前后端分离，组件式开发，代码复用、独立性和隔离性都挺好，可维护性得以提高。相比之下，以前用jQuery，代码实在太多了。不过，vue有个地方不大好，就是控制页面元素的样式比较死板。现在用vue和react的话，基本都会选用一种UI框架，比如element plus，或者ant design等。UI框架通常比较强大，效果也很煊，比自己动手写强多了。但如果有些自己还想额外加

vue3改变样式

vue3点击改变样式

点击div改变样式

UI

代码复用

原创 2023-04-29 07:29:19 617 阅读

vue3 编译报 ESLint: ‘defineProps‘ is not defined no-undef 错误问题

网上找答案，总是扯什么修改.eslint.js文件，须知改文件位于node_modules，如大海捞针，并且有多个。改这里是没有道理的，也没有效果。可能是很久之前的答案了吧。

eslint

defineExpose

no-undef

json

原创 2023-01-14 20:35:10 1005 阅读

vue页面中使用getElementsByClassName无法获取元素问题

在vue页面中，使用getElementsByClassName获取dom，发觉总是获取不到，返回的数组，空空如也，长度为0。需要使用nextTick

nextTick

getElementsBy

ByClassName

ide

外部调用

原创 2023-01-07 00:22:27 996 阅读

vue3 setup语法糖下父组件调用子组件的方法

vue3下，父组件调用子组件的方法，如果使用了这种写法，那么子组件方法

setup

defineExpress

语法糖

Vue

原创 2022-12-17 00:28:00 713 阅读

vue项目中img的src动态赋值

一般这个动态赋值，要用require。而且，这个require里，只能有一个变量，多个变量，有运算，有方法，都不行。没想到这破东西，居然这么折腾人。

src动态赋值

赋值

原创 2022-11-05 09:03:12 1449 阅读

vue3应用elementPlus table并滚动显示

使用element plus的table，然后获取里面的dom对象，使用定时器设置滚动

elementPlus

table

滚动

获取数据

原创 2022-10-30 06:01:23 1527 阅读

vue3实现单点登录

严格来说，所谓利用vue3实现单点登录，是指实现单点登录的前端。身份验证，只能是服务器端干的活。

vue sso

vue 单点登录

单点登录

服务器端

原创 2022-10-16 00:44:07 1145 阅读

vue3动态路由及菜单

一般来说，前端项目中的路由，很有可能是需要动态注册的。因为菜单可能在管理系统中维护，还跟权限绑定，用户登录以后，需要动态展示菜单。菜单往往跟路由挂钩，因此，路由需要动态注册。具体如何实现呢？思路是，系统只提供默认的路由，登录以后，读入菜单/路由数据，加载。这其中，可能会出现默认路由与动态路由有重叠的情况。处理办法是覆盖。数据结构方面，菜单与路由数据二合一。一、项目结构这是我们一个项目的公共框架的代

vue.js

动态路由

动态菜单

addRoute

动态注册

原创 2022-10-02 08:49:43 2060 阅读

vue3 + element plus实现侧边栏

。现在是实现侧边栏菜单。点击左侧菜单项，对应页面展示在右侧。

侧边栏结构页面

element plus菜单

无限级菜单

递归菜单

ico

原创 2022-10-02 08:49:34 6712 阅读

vue项目中的类

如题所示，vue项目中想提供类，该怎么写？老实说，语法有点怪。

vue.js

类

new

原生js

类定义

原创 2022-09-03 09:30:51 212 阅读

vue中如何复用vuex.store对象定义

我有几个组件，都需要用到vuex.store，而且这几个组件结构极其类似，就在想，能不能复用sto、

vue.js

store

复用store

继承store

克隆store

原创 2022-09-03 06:50:06 252 阅读

vue项目中利用锁控制页面响应式布局

单单布局变化没啥，绑定window.resize事件，然后做一些处理就完了，甚至都不用js，只、

vue.js

响应式

锁

vue定义类

数据

原创 2022-09-03 06:50:01 260 阅读

不依赖框架用vue3空白项目从头打造一个过得去的前端

通过一行行代码的手动码入，全程参与，可以加深对VUE项目的理解。

vue.js

router

路由

vue.config.js

main.js

原创 2022-08-21 00:50:04 730 阅读

vue组件属性（props）及私有数据data

vue组件中，props是公有属性，主要对外，相当于类里面的get、set方法操作的属性；data是私有数据，主要供组件内部

vue

vue.js

props

data

复用

原创 2022-08-15 11:35:07 418 阅读

开发一个封装了iframe的VUE组件

VUE的基本组成单元，我看应该是组件。用VUE开发前端项目，就是开发

vue组件

vue私有变量

vue组件对外接口

vue iframe

vue 地图

原创 2022-08-15 11:33:40 246 阅读

vscode左边文件树增加层次缩进

vscode据说功能很强大，继承了微软系宇宙级IDE的优良传统。我用了几下，觉得很抵触，原因是它左边的文件树控件，子层的缩进太小了，父子之间的层次很不明显。现在的vue、react，各种文件类型搞得十分复杂，对于一个初学者来说，用vscode来打开这些项目，极不友好，一眼看过去，各种文件，密密麻麻，脑袋顿时“嗡”一声

vscode

文件层次缩进

explorer indent

tree indent

缩进

原创 2022-08-15 11:30:25 315 阅读

vue3多个项目共享开发和单个项目独立打包的解决方案

由于实际项目的特点产生了多系统共享开发和独立打包的需求，主要原理在于应用vue的多页面支持和webp

vue

vue多页面

vue多项目

vue多项目单独打包

html

原创 2022-08-15 11:15:49 1964 阅读 1评论

vue调用组件和程序集的方法

vue.js里面，代码复用，可以采用组件形式；如果是js方法复用，不涉及UI，当然也可以像之前那样，直接引

vue

vue.js

methods

复用

事件传递

原创 2022-08-15 11:15:40 251 阅读

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

如前所述，vue组件中，props是组件公有属性，对外；data是组件的私有数据，对内。正

vue

props

data

数据

赋值

原创 2022-08-15 11:07:49 441 阅读

iView 表单重置

在Vue里面，想重置iView的表单，需要在FormItem中指定prop属性，FormItem包含的控件需要

iView

iView表单

resetFields

vue

表单

原创 2022-08-15 11:07:38 387 阅读

vue 里面 export/import js文件

vue要导入js文件的话，有一定的讲究，js文件本身也需要遵循一定的格式。vue最大的特征，我看就是组件化开发

vue

es6

export

import

组件化

原创 2022-08-15 11:07:30 297 阅读

vue的属性赋值和事件绑定符号“：”和 “@”

我用vue开发有一段时间了，对vue逐渐有了一点认识。vue里面的主角是组件。调用组件的时候，就像使用普通的HTML控件一

vue

vue.js

句柄

技术文档

前端开发

原创 2022-08-15 11:07:17 3074 阅读

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

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

51CTO博客