vue3简单使用

VUE3实现点击按钮下载文件功能

VUE3实现点击按钮下载文件功能在写vue项目时，有个需求是点击表格中某一行的下载按钮，然后开始下载这一行对应的文件，效果如下：表格每行的最右侧的蓝色按钮就是点击下载，这里涉及到原生的JavaScript
栀椩·2023-12-30 14:40

【Vue3】Refused to frame ‘http://www.xxxxx.com/‘ because it violates the following Content Security

错误：在Vue内使用iframe标签然后引入了外部链接无法正常显示内容Refusedtoframe'http://xxxxxx/'becauseitviolatesthefollowingContentSecurityPolicydirective:"default-src'self'".Notethat'frame-src'wasnotexplicitlyset,so'default-src'i
春暖花开.,·2023-12-30 14:06

算法之快速排序及冒泡、插入排序

1.快速排序的简单使用代码如下：privatestaticvoidquickSort(int[]arrs){if(arrs.length>0){//如果数组不为空quickSortRecurSion(arrs
Time_x·2023-12-30 14:17

vue3中使用defineComponent封装hook实现模板复用

文章目录一、前言二、`useTemplate`实现三、最后一、前言最近在做Vue3项目的时候，在思考一个小问题，其实是每个人都做过的一个场景，很简单，看下方代码{[item.name}}今年已经{[item.age
小马甲丫·2023-12-30 14:51

Vue 2最终版本 v2.7.16 已发布

我们将见证一个时代的结束，从今以后Vue团队将全力以赴维护Vue3。让我们回顾一下Vue2的发展历程，以及最后一个版本的更新内容。Vue2的最后一个版本是一个具有里程碑意义的时刻。
南城FE·2023-12-30 12:59

Vue 发布 3.4 「灌篮高手」版本

本文翻译自AnnouncingVue3.4，作者：EvanYou，略有删改。今天我们很高兴地宣布Vue3.4灌篮高手版本发布！
南城FE·2023-12-30 12:25

之vue3后台管理中的大屏展示。

使用大屏展示的时候有很多种场景，众多场景都是为了实现大屏自适应。大屏，顾名思义，就是放在一个固定的屏幕上看的，即使你不做自适应，放在一个固定的屏幕上看也没啥问题，但是很多做大屏的是为了在PC端看，PC端屏幕又是参差不齐的，所以需要做自适应。方案一：使用transform的大小缩放来实现，我们先写一个缩放容器AutoScalContainer.vue，代码如下：/***自动缩放容器*使用transf
23朵毒蘑菇·2023-12-30 11:51

之二，vue3后台管理系统树形目录的实现。

一个完整的后台管理系统需要一个树形结构的目录，方便用户切换页面。因为使用的是element-plus的ui库，所以首选el-menu组件，点击查看文档。因为此组件不是树形结构的，所以需要封装成系统需要的树形结构组件。可以使用vue的递归组件。menu.vue代码如下import{defineComponent,ref,reactive,computed,onMounted,watch,toRef,
23朵毒蘑菇·2023-12-30 11:21

摸鱼摸出来的vue3+element-plus毒蘑菇后台管理：新标签页的实现。

在浏览器中，点击标签页右边的加号可以新加一个标签页，所以，在毒蘑菇后台管理（简称毒蘑菇儿）中也可以这样操作。点击标签页右边的+按钮就可以打开一个新标签页了，可以打开多个，互不冲突，在新标签页中可以搜索你想要打开的页面，点击后会将该标签页替换成你点击后的页面（跟浏览器操作一致）。点击正上方的搜索框或者alt+s同样也能打开新标签页。新标签页的页面权限需要在菜单权限数据源中配置，也可以内置几条数据固定
23朵毒蘑菇·2023-12-30 11:19

vue3常见知识点总结

vue3常见知识点一、认识vue3二、setup三、ref四、reactive五、reactive与ref的异同六、Vue2与Vue3的响应式七、计算属性与监视八、vue3的生命周期（与vue2比较）九
qy220824·2023-12-30 11:48

vue3中computed计算属性和watch监听的异同点

在Vue3中，computed和watch都是用于响应式地处理数据变化的工具，但它们有一些重要的异同点。异同点如下：计算属性(Computed):计算属性是基于它们的依赖进行缓存的。
咸虾米_·2023-12-30 11:46

vue3 element plus 自定义组件封装，多层双向绑定v-model

日常，我们可能对elementplus的组件进行进一步封装，而且可能是多层，那么要想实现双向绑定：显式:绑定属性，@绑定事件，事件中修改属性隐式v-model第一种无需多说，第二种简单示例，以Dialog组件示例直接使用Dialog.vue切换constvisible=ref(false)consthandleClick=()=>{visible.value=!visible.value;}一层封
无心使然云中漫步·2023-12-30 11:45

Electron Vue3 Typescript Vite使用typeorm操作SQLite

1，安装typeorm和sqlite3:npminstalltypeormnpminstallsqlite32,新建一个文件data-source.ts。import{DataSource}from'typeorm';import{User}from'../entity/User';import*aspathfrom'path';import{ItemData}from'../entity/Ite
靓仔建·2023-12-30 11:33

Charles 花瓶安装&破解&简单使用

1.环境未测试（本人的mac版本10.15.4）2.dmg安装包直接从官网下载安装最新的版本（4.5.6）官方地址：https://www.charlesproxy.com3.破解使用注册码破解打开软件，点击工具栏中的help-->registerRegisteredName:https://zhile.ioKey:48891cf209c6d32bf4-----------------------
晓_观月·2023-12-30 11:19

electron-builder 打包exe后白屏

项目用的是AnElectronapplicationwithVue3andTypeScript。Debug运行项目没问题，可以显示页面。
靓仔建·2023-12-30 11:00

vue3导入excel并解析excel数据渲染到表格中，纯前端实现。

需求用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑，由于excel数据不是最终数据，只是批量的一个初始模板，后端不需要存储，所以该功能由前端独立完成。吐槽系统中文件上传下载预览三部曲走了一遍，万万没想到还要自己实现同步数据。实际反手各种资料开始查阅，终于找到了可以完美实现该需求的方法，来记录下我的实现方案。希望对有需要的小伙伴有帮助。注意以下为正文（重要内容），
亮晶晶的芋头·2023-12-30 11:41

使用swiper

贴上官网看官网的时候看到image.png于是屁颠颠去看在vue中使用Swiper6，按照例子一步步来，却发现一直出不来效果，最后看到上面这句话image.png害，一开头就强调了Swiper组件仅与vue3
我写的代码绝对没有问题·2023-12-30 10:32

vite-ts-vue3笔记

vitenpmcreatevite@latestnpmrundev开始预览时使用模块是esmodule打包生产环境使用rollupwebpack基于nodevite基于原生module和rollupvite的基础配置根目录下的vite.config.jsimport{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'impo
苦逼的猿宝·2023-12-30 10:28

Vue3.2 自定义指令详解与实战

一、介绍在Vue3中，自定义指令为开发者提供了一种灵活的方式来扩展Vue的HTML模板语法，使其能够执行特定的DOM操作或组件逻辑。
晚风914·2023-12-30 09:58

Vue3父组件props数据更新后，子组件视图未及时响应更新

问题描述：在使用Vue3构建前端项目时，遇到了一个组件props数据更新后，子组件视图未及时响应更新的问题。
晚风914·2023-12-30 09:57

Vue3自定义指令与Composition API实现动态权限控制

Vue3作为新一代前端框架以其强大的性能优化、灵活且可复用的CompositionAPI以及对现代Web开发特性的深入支持，为一、项目背景与技术选型本次我们面临的是一项具有高度交互性和丰富业务逻辑的大型项目
晚风914·2023-12-30 09:54

vue3整合Element-Plus，极速上手。

条件分页查询：需求分析：form表单Button按钮Table表格Pagination分页页面布局：搜索表单：如果表单封装的数据较多，建议绑定到一个对象中。定义表单搜索接口：exportinterfaceSearchEmpModel{name:string,//姓名gender:string,//性别begin:string,//开始时间end:string,//结束时间date:string[]
烛.照103·2023-12-30 09:21

基于 Vue3 和 WebSocket 实现的简单网页聊天应用

首先附上项目介绍,后面详细解释技术细节1.chat-websocket一个基于Vue3和WebSocket的简易网络聊天室项目，包括服务端和客户端部分。
haostart_·2023-12-30 08:22

pinia--vue3中的状态管理

实际上，pinia就是Vuex的升级版，官网也说过，为了尊重原作者，所以取名pinia，而没有取名Vuex，所以大家可以直接将pinia比作为Vue3的Vuex。二、为什么要使用pinia？
张不大了·2023-12-30 07:49

Vue3 项目里面使用 自己封装的 jsonp

由于vue-jsonp在vue3中测试不能用，有能用的包欢迎留言在网上找到一个有用的functionjsonp(setting){setting.data=setting.data||{}setting.key
_Rookie._·2023-12-30 06:41

vue3+ts+vite自定义组件上传npm流程

1.创建项目npmcreatevite这里踩坑点：运行vite生成的vue项目时报错“SyntaxError:Unexpectedtoken'??='at“是因为node版本过低电脑为windows11系统，我当时使用的版本node版本是14.21.3，如下图，后边安装了nvm版本管理，现在使用的node版本为16.20.1，运行项目正常2.写组件这里为个人组件内容breadcrumb/index
lyj168997·2023-12-30 06:26

electron项目模板：如何新建一个vue3+electron项目，并加入基础建设

整体思路1.使用npmcreatvite@latest创建一个vue3项目2.加入electron3.加入electron预加载脚本,并通过其进行electron和vue的交互a.在src同级目录建立preload
吃炸鸡的前端·2023-12-30 06:53

electron 项目 第一篇 vite +vue3 搭建electron项目

vite+vue3搭建electron项目1使用vite创建vue3项目2安装electron依赖3嵌入electron3.1创建electron目录3.2配置electron插件3.3书写electron
倔强的钢蛋·2023-12-30 06:53

创建 vue3 + electron 项目

1.输入下面的代码，过程中输入y回车键等,第二步选择vuenpminitvite2.按顺序输入以下代码(readIt是我的文件名，改成对应的文件名即可)cdreadItnpminstallnpmrundev3.另起一个终端，cd到刚创建的文件中4.安装electron，我用的淘宝镜像安装的，没有可以把cnpm改成npm安装cnpmielectron-D查看package.json5.创建main.
我的账号昵称·2023-12-30 06:23

vue3+vite中使用vuex

1.第一种方式在main.ts中创建一个新的store实例import{createStore}from'vuex'//创建一个新的store实例conststore=createStore({state(){return{username:'张三'}},mutations:{changeName(state:any,us:string){state.username=us;}}})constap
程序员正茂·2023-12-30 05:46

vue3+vite组件中使用Cesium粒子系统

一、注意事项1.图片的引用路径必须从根目录（即index.html所在的目录）开始，如果使用相对路径，也要返回到根目录再转到对应的目录。//第一种，直接从根目录开始image:'src/assets/particles/BlowingSnow.png'//第二种，相对路径先返回到根目录，再转到对应目录image:'../../src/assets/particles/BlowingSnow.png
程序员正茂·2023-12-30 05:10

vue3+ts打开echarts的正确方式

实例项目使用vite5+vue3+ts，项目地址vite-vue3-charts，预览地址https://weizwz.com/vite-vue3-charts准备工作1.注册为百度地图开发者官网地址，
液态不合群·2023-12-30 01:55

vue3生命周期函数

setup()开始创建组件之前，在beforeCreate和created之前执行，创建的是data和methodonBeforeMount()注册一个钩子，在组件被挂载之前被调用。onMounted()注册一个回调函数，在组件挂载完成后执行。onBeforeUpdate()注册一个钩子，在组件即将因为响应式状态变更而更新其DOM树之前调用。onUpdated()注册一个回调函数，在组件因为响应式
James_liPeng·2023-12-30 01:50

KindEditor 的简单使用（一）

1、官网下载地址http://kindeditor.net/down.php2、导入相关文件可根据实际情况进行选择：JSP3、JSP导入文件kindeditor/themes/default/default.csskindeditor/kindeditor-min.jskindeditor/lang/zh_CN.js4、初始化KindEditor编辑器在js中添加如下代码：vareditor;Ki
白云青叶·2023-12-30 00:49

Linux上安装Redis

新手学习记录好记性不如烂笔头,记录一下安装Redis的过程简单使用Redisredis官方文档(操作命令):https://redis.io/commands/Redis安装步骤一.使用yum安装Redis
tenju·2023-12-30 00:19

[1DCNN] 简单使用自制音频数据集进行模型训练

本文打算使用自制的西瓜数据集进行深度学习的模型训练.通过对手部敲击西瓜的音频进行分析,进行快速傅里叶变换提取频域特征,使用一维卷积神经网络模型进行模型训练,构建西瓜成熟度检测模型.目录一.数据集预处理1.数据采集2.数据预处理2.1端点检测2.2数据增强2.3快速傅里叶变换(FFT)2.4数据集制作二.模型训练1.模型设计2.模型训练超参数设置3.模型性能评估指标4.模型训练5.模型训练结果与分析
tenju·2023-12-30 00:49

std::unordered_map 简单使用

目录std::unordered_map介绍初始化方式：1.直接初始化：2.复制初始化：3.C++11之后的emplace初始化：赋值方式：1.使用operator[]进行赋值：2.使用insert函数：3.使用范围初始化：1.使用迭代器遍历：2.使用范围-basedfor循环遍历：3.使用C++11之后的auto关键字：4.使用for_each算法（需要头文件）：增加元素：1.使用operato
telllong·2023-12-29 23:24

Ant design vue 2.x 版本在 vue3 中的主题定制

Antdesignvue2.x版本在vue3中的主题定制我们是在vue3.0项目中使用antdesignvue2.0，解决流程和官网思路一致，直接使用less变量层叠即可，但是有一个问题就是需要全量引入
搬砖工KO水泥匠·2023-12-29 23:40

VUE3 中使用 VUEX，报错【[Vue warn]: inject() can only be used inside setup() or functional components.】

VUE3中使用VUEX，报错【[Vuewarn]:inject()canonlybeusedinsidesetup()orfunctionalcomponents.】参考链接1：参考链接vuex报错injuce
搬砖工KO水泥匠·2023-12-29 23:09

vue3.0 中setup中 异步转同步

vue3.0中setup中异步转同步Vue3中的setup前加上async后页面不显示**问题描述**在开发vue3中，因为通过接口数据为异步函数获取，导致最后数据无法成功赋值进return中的数据。
搬砖工KO水泥匠·2023-12-29 23:09

vue3中provide和inject

父子组件间数据通信父组件app.vueimport{reactive,provide,ref,watch}from'vue';exportdefault{...setup(){constuserFlag=ref(false);provide('userFlag',userFlag);return{userFlag}}}子组件Ahome.vueimport{inject,reactive}from'
搬砖工KO水泥匠·2023-12-29 23:09

SpringBoot + vue3 + TypeScript + activiti7 + 动态表单 的工作流引擎

工作流SpringBoot+vue3+TypeScript+activiti7+动态表单+可动态绑定数据库表的工作流引擎介绍兴趣使然，想开发一套自己认为的工作流项目使用vue3+elementui-plus
我是勤奋的小菜鸟·2023-12-29 23:05

vue3中组件ref的ts类型

下面案例是一个父组件获取子组件暴露的数据，需要用到ref。父组件：获取子组件暴露的数据importSearchfrom'./component/search.vue'constsearchRef=ref(null)constgetData=()=>{console.log(searchRef.value?.queryData)}子组件：{{queryData.name}}constqueryDat
雷霆击碎黑暗·2023-12-29 21:19

vue3+ts使用原生click事件报错

在vue3开发过程中，我想在原生的html元素上使用事件,虽然报错，但能运行版本："@types/node":"^18.11.4","vue":"^3.2.37","typescript":"^4.6.4
相见一月·2023-12-29 21:49

vue3中使用ts

一、选项式api中使用ts使用defineComponent定义组件=>启用类型推导Hello01点击{{count}},{{doubleCount}}import{defineComponent}from'vue'typeCount=number|string;interfaceList{username:stringage:number}exportdefaultdefineComponent
qq_42531108·2023-12-29 21:15

vue3中引入文件ts报红色波浪线问题

在创建vue3+vite+ts的项目过程中，发现ts在引入文件时报红色波浪线解决方法：1.如果使用的vsCode中vue插件是Vetur的话，需要卸载重新安装支持vue3的Volar插件2.需要在src
dzry_lr·2023-12-29 21:15

vue3项目使用pako库解压后端返回zip数据

文章目录前言一、pako介绍一些特点和功能：简单示例二、vue3实战示例1.安装后引入库安装:引用用自定义hooks抽取共用逻辑部署小插曲前言外部接口返回一个图片数据是经过zip压缩的，前端需要把这个数据处理成可以显示的图片
TE-茶叶蛋·2023-12-29 21:41

笔记：LVM的简单使用

从0建一个lv并使用1，使用fdisk命令创建磁盘分区，并将磁盘分区类型转换成8e（LinuxLVM类型）参考命令：fdisk/dev/sda#对sda进行配置m#获取帮助n#新增分区p#新增分区->主分区e#新增分区->扩展分区t#修改分区类型l#查看支持的分区类型（小写L）w#保存2，创建PVpvcreate/dev/sda13，创建VGvgcreateoracle_vg/dev/sda14，
软茸兔·2023-12-29 21:44

黑豹程序员-vue3下载文件

原理vue3利用在页面中动态创建a标签，设置a标签属性，触发a标签的click实现文件下载。
长安紫薯·2023-12-29 20:33

vite+vue3打包部署问题

最近使用vite+vue3写了个小的demo，发现打包部署后页面出不来。如果是正常把包放在服务器的根目录中，项目页面是可以打开的。但是我要部署的是根目录dist包里面，外面多了一层文件夹。
Fighting宁·2023-12-29 19:21
上一页 112 113 114 115 116 117 118 119 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他