玩转Vue3全家桶第32页

armbian ubuntu 小盒子安装nodejs npm vue3 环境

1.直接通过apt-getinstallnodejs的版本太低了我的是v12我试了下npmcreatevue@latest这种方式不行所以就卸载了自动安装的nodejsaptremovenodejs去淘宝的ftp上下载对应的版本CNPMBinariesMirror我的小盒子是linuxarm64版本wget之后解压然后创建符号链接ln/home/QMCY/node/node-v20.11.0-li

QMCY_jason·2024-02-01 10:54

vue3 setup 中国省市区三级联动options最简洁写法，无需任何库

在写页面的时候，发现表单里面有一个省市区的options组件要写，因为表单很多地方都会用到这个地址选择，我便以为很简单嘛。虽然很简单的一个功能，但是网络上能搜索到的教程大多都是需要配合elementUI等各种UI库的，但是我的项目并没有使用这些UI库，何况我只是想要拿到一个地址字符串而已，何必绑定UI库呢？1、地址三级联动制作思路思路其实很简单：1、一个地图json数据2、能够拿到省份、市、区的o

子伟-H5·2024-02-01 10:22

vue3使用is动态切换组件报错Vue received a Component which was made a reactive object.

vue3使用is动态切换组件，activeComponent用ref定义报错VuereceivedaComponentwhichwasmadeareactiveobject.Thiscanleadtounnecessaryperformanceoverhead

前端路上迷茫的小鲨鱼·2024-02-01 09:29

抖音运营：抖音拍摄的实用技巧！

在15秒的时间里，有人跳舞，有人展现绝技，有人玩转场（后面重点介绍），有人搞笑，也有高颜值的日常自拍。它能传自己的视频，也能看别人的视频。

布马网络·2024-02-01 09:48

vue3中多个表格怎么同时滚动并且固定表头

说明：这里需分为两种情况来做。第一种亲情况就是没有修改过el-table这个组件的样式；第二种情况就是修改过el-table组件的样式。第一种较为简单就简单略过，这里主要提及第二种做法。1.需求效果2.第一种没有修改过el-table这个组件的样式的做法（1）直接看大佬vue2的做法https://blog.csdn.net/z1761419224/article/details/12051084

℘团子এ·2024-02-01 08:18

极致呈现系列之：Vue3中使用Echarts图表初体验

目录Echarts简介Echarts提供的图表类型及其适用场景安装和使用Echarts安装Echarts引入并使用Echarts自定义图表将数据传递给Echarts处理Echarts库中的事件Echarts简介Echarts是一个基于JavaScript的开源可视化图表库，由百度开发和维护。它提供了多种类型的图表，包括折线图、柱状图、散点图、饼图、地图等，可以用于展示各种类型的数据。Echarts

九仞山·2024-02-01 08:51

《Vue3 基础知识》使用 GoGoCod 升级到Vue3+ElementPlus 适配处理

此篇为《Vue2+ElementUI自动转Vue3+ElementPlus（GoGoCode）》的扩展！

AvatarGiser·2024-02-01 07:21

Spring Boot + Vue3 实现七牛云大视频上传

在现代的Web应用中，文件上传是一个常见而重要的功能。本篇博客将介绍如何通过Vue.js和SpringBoot实现一个简单的视频上传功能，同时使用七牛云作为存储服务。1.前端实现（Vue.js）HTML模板选择宣传视频上传在这里，我们使用了ElementUI的上传组件，限制了文件类型为.mp4，同时只能上传一个文件。上传的具体实现逻辑在下面的JavaScript代码中。JavaScript代码im

ZKf30FkG·2024-02-01 07:16

【Vue3+TypeScript】快速上手_代码

目录001_写一个APP组件002_一个简单的效果003_setup概述004_setup的返回值005_setup与OptionsAPI的关系006_setup语法糖007_ref创建_基本类型的响应式数据008_reactive创建_对象类型的响应式数据009_ref创建_对象类型的响应式数据010_ref对比reactive011_toRefs与toRef012_computed计算属性01

开五档的蒙奇·2024-02-01 07:06

Vue3-Composition-API（二）

一、computed函数使用1.computed在前面我们讲解过计算属性computed：当我们的某些属性是依赖其他状态时，我们可以使用计算属性来处理在前面的OptionsAPI中，我们是使用computed选项来完成的；在CompositionAPI中，我们可以在setup函数中使用computed方法来编写一个计算属性；如何使用computed呢？方式一：接收一个getter函数，并为gett

DustinWangq·2024-02-01 06:17

Android无障碍服务执行全局动作与手势

Android的无障碍服务可以进行很多自动化的操作，下面就一起来看下如何玩转无障碍服务1.创建一个继承AccessibilityService的类classMyAccessibilityService:

wilinzz·2024-02-01 06:24

玩转WEB接口之三【HTTPS证书申请】

文章目录一、概述主要流程二、域名注册1.购买域名2.购买服务器3.域名备案4.域名解析三、证书申请1.申请途径2.阿里云3个月免费SSL申请3.freessl1年免费SSL申请四、证书验证1.springboot代码验证1.)证书转换2.)验证结果3.)源码传送2.nginx验证一、概述HTTPS(全称:HyperTextTransferProtocoloverSecureSocketLayer)

爱码少年·2024-02-01 05:27

玩转WEB接口之二【HTTP调试测试神器httpbin安装】

文章目录一、概述二、部署方式1.docker命令部署2.docker-compose部署（推荐）三、域名访问支持1.修改hosts文件2.修改测试代码并测试一、概述接上篇玩转WEB接口之一【HTTP调试测试神器

爱码少年·2024-02-01 05:57

玩转WEB接口之三续篇【HTTPS证书申请 - nginx验证】

概述二，nginx下载三，访问域名1.做域名映射2.运行nginx并通过域名访问四，配置SSL证书1.配置证书文件2.nginx添加证书文件五、运行并验证1.测试、重新加载2.https访问一，概述接上篇玩转

爱码少年·2024-02-01 05:56

《桃运鸿途》王简杏花（完结篇）全文免费阅读【笔趣阁】

这是一个草根驰骋仕途玩转官场的故事，也是一个菜鸟在职场生死存亡的就业指南。可以关注微信公众号【寒风书楼】去回个书號【162】，即可免费阅读【桃运鸿途】小说全文！张则光话一出口，在场所有人都愣住了！

寒风书楼·2024-02-01 05:30

vue3 el-table-column 使用tooltip

hzxOnlineOk·2024-02-01 05:21

本周营养已补完

“饿狼”她公公——一个很会玩转厨房的钓鱼爱好者，时不时还会换花样，从某音学新菜……可谓与时俱进，我等顿觉耳目一新。而且趟趟公婆都会善意提醒我们“吃慢点，吃多点”。

师姐Grace·2024-02-01 04:01

2024 高级前端面试题之 Vue 「精选篇」

Vue模块精选篇1.谈谈你对MVVM的理解2.谈谈你对SPA单页面的理解3.Vue2.x响应式数据原理4.Vue3.x响应式数据原理5.Vue中如何检测数组变化6.Vue中如何进行依赖收集？

八了个戒·2024-02-01 03:37

偶像失声，周深除外

以戏谑，沙雕的反制风格，玩转与粉丝的互动，甚至是与自己

文化咖·2024-02-01 03:36

详解SpringCloud微服务技术栈：深入ElasticSearch（3）——数据同步（酒店管理项目）

‍作者简介：一位大四、研0学生，正在努力准备大四暑假的实习上期文章：详解SpringCloud微服务技术栈：深入ElasticSearch（2）——自动补全、拼音搜索订阅专栏：微服务技术全家桶希望文章对你们有所帮助数据同步

布布要成为最负责的男人·2024-02-01 03:42

详解SpringCloud微服务技术栈：深入ElasticSearch（4）——ES集群

‍作者简介：一位大四、研0学生，正在努力准备大四暑假的实习上期文章：详解SpringCloud微服务技术栈：深入ElasticSearch（3）——数据同步（酒店管理项目）订阅专栏：微服务技术全家桶希望文章对你们有所帮助

布布要成为最负责的男人·2024-02-01 03:42

详解SpringCloud微服务技术栈：深入ElasticSearch（1）——数据聚合

‍作者简介：一位大四、研0学生，正在努力准备大四暑假的实习上期文章：详解SpringCloud微服务技术栈：ElasticSearch实战（旅游类项目）订阅专栏：微服务技术全家桶希望文章对你们有所帮助在之前已经了解了

布布要成为最负责的男人·2024-02-01 03:41

vue3中多语言切换vue-i18n

安装npminstallvue-i18n@next使用一.在src中创建i18n文件夹（文件名无所谓）在i18n下创建en.ts/jszh.ts/jsindex.ts/js分别写入下面代码en.ts/js//enexportdefault{message:{hello:'hello',name:'name'}}zh.ts/js//zhexportdefault{message:{hello:'你好

前端小趴菜05·2024-02-01 02:00

基于 vue3 element-plus 省市区联动组件

1、效果省份没选之前，市与区禁选，同理市未选择，区也是禁用的重新选择省，市与区的也会清空，同理重新选择市，区也会重置，完整代码地址选择的时候就是下面这样的2、主要逻辑代码html相关代码逻辑处理部分import{reactive,onBeforeMount,computed,watch}from'vue'importareaDatafrom'@/components/myArea/data/pca

ZL随心·2024-02-01 02:00

【Strelitzia项目】vue3+ts实现element-plus中选择器省市区三级联动

但是在这个问题的过程中存在着不少疑惑，首先就是百度找不到vue3+ts的代码，而自己本身又是后端开发人员，所以在技术层面存在着不少的疑问，vue2编写代码的方式不太熟练。

兜里旺仔没加糖·2024-02-01 02:00

基于vue3.2的element-plus省市区选择器

import{getData}from"@/api/lineCity";import{EluiChinaAreaDht}from'elui-china-area-dht'constchinaData=newEluiChinaAreaDht.ChinaArea().chinaAreaflat//覆盖区县constonChange=(e:any)=>{constprovince=chinaData[e

IT全栈视野·2024-02-01 02:30

vue3中使用 vue3-slide-verify 滑块验证登录

在日常项目中我们实现登录的时候，会进行人为操作验证，这里使用滑块验证，常见的验证方式我们借助插件vue3-slide-verify安装npminstall--savevue3-slide-verify使用在页面创建组件

前端小趴菜05·2024-02-01 02:30

java实战五：32个案例带你轻松玩转Java stream

9张图，32个案例带你轻松玩转Javastream本文转载自今日头条用户Java8中增加了Stream处理，可以配合Lambda表达式来使用，让操作集合非常便利。

猿来如此dj·2024-02-01 02:43

vue3中配置路由

1.新建router文件夹2.在router文件夹新建router.js文件配置路由3.import{createRouter,createWebHistory}from"vue-router"constrouter=createRouter({ history:createWebHistory(), routes：[ { path:'/', redirect:"/main", },

qq_48378883·2024-02-01 01:22

springboot3+vue3支付宝在线支付案例,渲染购物车内容

springboot3+vue3支付宝在线支付案例,渲染购物车内容！期间遇到了很多问题。第一个就是时间戳的格式化问题。我使用了vue-moment插件。

yrldjsbk·2024-02-01 01:50

Beproin吃到了不一样的炸鸡

对于KFC，印象深刻的就是炸鸡和它的全家桶了。肯德基对它的炸鸡搞的广告创意可谓是千奇百怪。这次的火箭起飞图、跑车飞奔图、超人变身图，都将炸鸡融入进去了。

BPR少年·2024-02-01 01:58

Vite+Ts新建项目报错

tsconfig.app.json添加"compilerOptions":{"moduleResolution":"node"}env.d.ts添加/////vue3报错提示找不到模块“.

斯文～·2024-02-01 01:30

[Vue3] useRoute、useRouter

useRoute返回当前路由地址。相当于在模板中使用$route。必须在setup()中调用。用于在组件中获取当前路由的信息，返回一个包含路由信息的对象。这个函数适用于那些不需要监听路由变化的场景，只是获取当前路由信息的静态数据。useRouter返回router实例。相当于在模板中使用$router。必须在setup()中调用。用于获取路由实例，适用于需要进行动态路由操作的场景，可以通过它来进行

斯文～·2024-02-01 00:58

vue3开发，axios避坑。定义的baseURL.

vue3开发，axios避坑。定义的baseURL.！今天我测试了这个baseURL,因为我写错了字母大小写。到账了我一直请求不到接口的数据。后来检查发现。官方要求的地址是严格的。

yrldjsbk·2024-02-01 00:58

import { ArrowRight } from “@element-plus/icons-vue“；

今天下午快被这个问题折磨疯了虽然知道这个问题怎么产生的但项目里那个碍眼的红线就是去不掉后来才发现这是插件的锅我的心情你知道我想要说什么的想必能看到这篇文章的也知道这个问题是怎么产生的vue3+ts使用的时候默认是需要带上文件名的但是引入

RyzenVega·2024-02-01 00:31

Vite+Vue3+TS 引入使用Cesium.js

申请CesiumToken进入Cesium注册账号cesium离谱的是E宝(Epic)居然可以快捷登录？！登录后点击导航栏的AccessToken再右侧即可看到默认Token安装&引入#Cesiumpnpmpnpminstallcesium#如果项目同时存在Three.js需避免使用pnpmThree.js对pnpm+ts的组合并不友好npmicesium依赖包安装完毕后需要在public文件夹内

RyzenVega·2024-02-01 00:01

Django4.2(DRF)+Vue3 读写分离项目部署上线

文章目录1前端2后端2.1修改settings.py文件关于静态文件2.2关于用户上传的文件图片3Nginx4镜像制作4.1nginx4.3Django镜像4.3.1构建5docker-compose文件内容1前端进入前端项目的根目录，运行如下命令进行构建npmrunbuild构建完成后，项目根目录下会出现打包后的目录dist这个dist目录需要给到nginx，具体配置见第3章节的Nginx2后端

shark_西瓜甜·2024-02-01 00:19

使用vue3自定义指令实现Tooltip

效果预览：实现代码：directive.jsimport{nextTick}from"vue"functionelFover(e){//e.el.classList.add('hover')letres=e.el.getBoundingClientRect()//console.log(res)letdom_tooltip=document.querySelector('.c-tooltip')i

不怕麻烦的鹿丸·2024-01-31 23:29

自定义vue通用左侧菜单组件（未完善版本）

使用到的技术：vue3、pinia、view-ui-plus实现的功能：传入一个菜单数组数据，自动生成一个左侧菜单栏。菜单栏可以添加、删除、展开、重命名，拖动插入位置等。

不怕麻烦的鹿丸·2024-01-31 23:58

Vue3中父组件调用子组件的方法

法1：ref1：定义页面组件或者组件子组件页面 import{ref}from'vue'constdialogVisible=ref(false)//打开用户弹窗组件consthandleOpen=()=>{ dialogVisible.value=true;}//关闭用户弹窗组件consthandleClose=()=>{ dialogVisible.value=f

一on勇·2024-01-31 23:57

Vue3 父子传参简单易懂

目录父传子：1、在父组件的子组件标签上通过:传递到子组件的数据名="需要传递的数据"2、子组件依旧通过props来接收并且在模版中使用子传父：最后总结一下：父传子：1、在父组件的子组件标签上通过:传递到子组件的数据名="需要传递的数据"在这里为了大家区分我将父组件中的数据定义为：fatherData，子组件需要接收的数据定义为：sonData。//父组件{{fatherData}}importch

未飞·2024-01-31 23:25

vue中父组件直接调用子组件方法（通过ref）

目录1、vue2中，父组件调用子组件的方法2、vue3中，父组件调用子组件的方法1、vue2中，父组件调用子组件的方法在Vue2中，父组件可以通过使用ref属性来引用子组件的实例，然后通过该实例调用子组件的方法

码农键盘上的梦·2024-01-31 23:53

05-mac vue2.0升级到vue3.0+

在创建cli项目时，执行npmcreate项目名;注意名最好是英文开头最好是小写；npmcreate命令是基于vue.3.0版本以上使用的，检查cli版本号vue-V；先卸载原有的clinpmuninstallvue-cli-g//卸载原有clinpminstall-g@vue/cli//安装新版本cli以上是没有出现问题，当有问题时，当你卸载vue.cli时会出现uptotimein0.14s，

高家_大少爷·2024-01-31 23:37

[Vue3] reactive数据改变，视图不更新的问题

问题在vue文件中，创建响应式对象，赋值后却无法触发响应式，即页面的值不会改变constobj={name:'xiaoming',age:18}letform=reactive({});form=obj;上述代码中，form的值是会改变，但是页面显示中的form值不会改变，不会发生响应式变化。原因使用reactive返回的并不是一个对象，而是对象的响应式代理，即被proxy包裹的对象。如果给它重新

Suppose·2024-01-31 22:29

Vue2.x 和 Vue3.x 生命周期钩子函数对比

Vue2------------------vue3beforeCreate=>setup()created=>setup()beforeMount=>onBeforeMountmounted=>onMountedbeforeUpdate

coderfl·2024-01-31 22:53

vue3开发,axios发送请求是携带params参数的避坑

vue3开发,axios发送请求是携带params参数的避坑！

yrldjsbk·2024-01-31 21:14

vscode配置代码片段超级简单提升工作效率

前言vue2和vue3文件模板重复性极高，特别是后台管理性质的系统。每次都自己去打开之前的页面再去copypaste，效率极其低下。为了提升工作效率，我们需要编写常用的代码片段。

胡西风_foxww·2024-01-31 20:10

Vue3 项目中按需引入 Element Plus 后使用组件时样式丢失

1问题描述在vue3项目中依据ElementPlus官方文档按需引入后，在.vue页面中使用ElMessage、ElLoading等组件时出现样式丢失的情况。

Vesuvius688·2024-01-31 20:00

推荐频道

玩转Vue3全家桶