vue3随手记

uniapp canvas组件不展示Vue3

uniappcanvas组件不展示Vue3页面页可以展示拆分成组件无法展示getCurrentInstance修改this指向import{getCurrentInstance}from'vue'//引入
Web995·2024-02-07 16:45

echarts水波图示例

该示例使用于vue3项目中效果图image.png准备下载包npminstallecharts--savenpminstallecharts-liquidfill--save在需要使用的组件中引用import
弘岛·2024-02-07 15:36

vue3+elementPlus-浏览器告警解决error.ts:14 ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination

问题：在使用elementuiPlus的分页器组件的时候，发现会有如下图警告检查代码：0":page.sync="listQuery.page":limit.sync="listQuery.pageSize"@pagination="listQueryFn":total="total">对照官方文档也没什么问题，然后把total删了就发现不报错了原因是：在定义total的时候没有初始值解决办法：给
先知demons·2024-02-07 14:43

vue3 路由routerpath后面直接携带参数传递

路由配置{path:"/router/home/:type",name:"router",meta:{title:"路由"},compoent:()=>import("./pages/home/index.vue")}参数传递import{useRouter}from'vue-router'constrouter=useRouter()router.push({path:'/router/home
红烧咸咸鱼·2024-02-07 14:12

vue3 elementplus DateTimePicker 日期时间设置默认时间为当天

DateTimePicker里面有个自带属性可以实现这个需求，如图：//设置当前当天时间范围00:00:00-23:59:59constcurrentDate=[setDefaultDate(0),setDefaultDate(1)]constsetDefaultDate=(type:number):string=>{lett='';letdate=newDate();letdateMap={ye
红烧咸咸鱼·2024-02-07 14:12

VUE3 Element-plus el-popover警告问题

针对于浏览器开发者工具提示的警告问题：会提示以下警告：runtime-core.esm-bundler.js:38[Vuewarn]:Invalidprop:typecheckfailedforprop"content".ExpectedStringwithvalue"10000",gotNumberwithvalue10000.原因是：el-popover的属性content的值要是string
越来越牛B·2024-02-07 14:11

Pinia介绍和使用

它提供了一种简单、直观且可扩展的方式来组织和访问应用程序的状态，下面是详细介绍基于Vue3：Pinia是专门为Vue3开发的状态管理库，充分利用了Vue3的响应性系统和CompositionAPI。
c103363·2024-02-07 12:56

JeePlus快速开发平台 多处 SQL注入漏洞复现

0x01产品简介JeePlus（洁普斯）是一个软件快速开发平台，使用多种现代Web技术，包括SpringCloud/SpringBoot、MyBatisPlus、SpringSecurity、Redis、Vue3
OidBoy_G·2024-02-07 12:50

Vue3——创建一个应用

文章目录创建应用实例挂载应用没有模板的组件的挂载应用配置多个应用实例其实使用脚手架创建的vue项目的main.js文件中已经为我们配置好vue应用的创建。import{createApp}from'vue'importAppfrom'./App.vue'constapp=createApp(App)app.mount('#app')创建应用实例每个Vue应用都是通过createApp函数创建一个新
_洋·2024-02-07 11:14

vue样式穿透的写法

文章目录Vue2中的样式穿透如何使用Vue3中的样式穿透如何使用参考：https://blog.csdn.net/weixin_46022934/article/details/123993834Vue2
_洋·2024-02-07 11:13

Vue3——模板语法（文本插值、vue内置指令）

文章目录文本插值{{}}受限的全局访问指令Directives指令的参数指令的修饰符vue3的内置指令渲染文本内容（v-text）渲染html（v-html）单项绑定（v-bind）单项绑定的使用单项绑定
_洋·2024-02-07 11:12

android 随手记代码,随手记之Android网络调试简要记录

最近一段时间，移动2G/3G客户端连接成功率不高，着实让人头疼。说是Android网络调试，其实也不过是在被ROOT后Android系统操作，使用adbshell执行一些常规的终端命令，检测2G/3G/4G/WIFI网络等，进而确定一些因网络等导致的问题而已。但adbshell默认没有几个支持的命令，比如cat,tcpdump，这些都是最基本的必备命令，也不支持。对于想要查看网络请求有几次跳转，不
徐志鹄·2024-02-07 11:30

Vue3引入腾讯地图，点击坐标后实时获取经纬度

本文将介绍如何在Vue引入腾讯地图组件，引入后可以直接在页面中渲染腾讯地图，实现经纬度与地图锚点位置的双向绑定，如：1，输入经纬度后，地图自动定位到指定位置；2，鼠标在地图点击后，自动获取到地址的经纬度；最终实现效果如下：实现细节1，引入腾讯地图，需要借助腾讯地图提供的SDK，先需要在腾讯地图开发平台添加应用，申请对应的调用key凭证，开发平台地址：https://lbs.qq.com/dev/c
程序员大飞1·2024-02-07 10:52

Vue3.4+element-plus2.5 + Vite 搭建教程整理

一、Vue3+Vite项目搭建说明：Vue3最新版本已经基于Vite构建，关于Vite简介：Vite下一代的前端工具链，前端开发与构建工具-CSDN博客1.安装并创建Vue3应用npmcreatevue
天马3798·2024-02-07 08:51

Vue3快速上手（二）VSCode官方推荐插件安装及配置

一、VSCode官方插件安装，如下图2款插件在用vite创建的程序里，提示提安装推荐的插件了，如下图：二、配置在设置-扩展里找到Volar插件，将DotValue勾选上。这样在ref()修改变量时，会自动填充.value,无需人工处理，提高效率。三、使用效果如下END
一掬净土·2024-02-07 08:12

Vue3 Component name “***********“ should always be multi-word

解决方式：1.使用复合单词使用两个单词命名文件2.修改package.json文件一劳永逸在rules里添加如下规则
badwomanPPPPPard0·2024-02-07 07:46

2.4、2.6、2.7总结

3.2.4下午学习Vue3的时候发现有些前置知识漏了，一天把97集的视频看完补
STATICHIT静砸·2024-02-07 07:04

vue3 的setup和生命周期

vue3的setup和生命周期许多文章认为setup执行时间在beforeCreate和created之间，但是通过实际测试发现setup调用在beforecreate之前。
敲代码的柯基·2024-02-07 07:47

vue3项目中使用mapv

vue3项目中使用mapvmapv是百度地图官方提供的地图数据可视化开源项目，提供了很多效果酷炫的绘图apimapv地址在这里，示例图在这里先解释为什么要用mapvecharts画的地图，都是行政区划，
栀椩·2024-02-07 06:02

自定义npm包从vue2升级到vue3遇到的问题解决

1.执行npmrunbuild时报错：(node:16724)UnhandledPromiseRejectionWarning:SyntaxError:Unexpectedtoken‘??=’atLoader.moduleStrategy(internal/modules/esm/translators.js:149:18解决：更新node版本查看了我使用的node版本是14.21.3，更新到最新
小玲子小玲子·2024-02-07 06:58

一台Mac同时安装vue2和vue3

背景：电脑需要运行vue2和vue3项目，就得同时有vue2和vue3环境，之前以配置好vue2了，现在增加vue31.新建一个安装vue3的目录进入vue3文件夹安装vue3//注意这里没有参数-g，
c103363·2024-02-07 06:57

Vue3.3新特新和Vue3-Pinia

文章目录1.Vue3.3新特性-defineOptionsVue3.3新特性-defineModel3.Pinia快速入门4.手动添加Pinia到Vue项目5.Vue3-Pinia的基本语法6.action
W`hite·2024-02-07 06:25

Vue3大事件项目(ing)

配置代码检查工作流问题:pnpmlint是全量检查,耗时问题,历史问题5.目录调整6.vue-router4路由代码解析7.引入ElementPlus组件库8.Pinia构建仓库和持久化9.Pinia仓库统一管理核心内容Vue3compositionAPIPinia
W`hite·2024-02-07 06:22

随手记，故事集【壹】 - 草稿

古怪的梦四年前是我的一个朋友的梦朋友是个肤白貌美大长腿，因着外貌姣好，性格开朗，认识她以来从未见她有过这样恍惚的神情那阵子她显得特别焦虑，魂不守舍，我记得她应该是憋了好久才与我开口诉说，好几次欲言又止，而我虽然早就察觉到她不对劲，但是故意不问她，果然那天她终于忍不住才与我开了口她的梦，对，梦，梦的内容是偶尔重复，偶尔连续，如她所说的:“不像梦，倒像是回忆一样，这一个多月，刚开始我也没有在意，毕竟是
wa子非鱼·2024-02-07 05:48

【JS】纯web端使用ffmpeg实现的视频编辑器

ffmpeg编辑器这是一个纯前端实现的视频编辑器，用的ffmpeg的wasm，web框架用的vue3。界面手撸。界面效果开发过程初始化vue3框架用vite的vue3模板创建一个就可以。
飘逸者打瞌睡·2024-02-07 05:22

【前端】使用ffmpeg+vue3实现简单的视频编辑器

使用ffmpeg+vue3实现简单的视频编辑器主要依赖‘@ffmpeg/ffmpeg’，‘vue’实现功能视频转码，添加文字水印，添加图片水印，处理进度条和用时，文件编码信息，生成序列帧。
飘逸者打瞌睡·2024-02-07 05:21

【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s

报错在使用"@ffmpeg/ffmpeg"和“@ffmpeg/core”时候报错TypeError:Failedtoconstruct'URL':InvalidURLatnode_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js解决在vite.config.js中添加build:{target:'es2020'},optimizedeps:{
飘逸者打瞌睡·2024-02-07 05:51

vue3子组件给父组件传参

子组件传参：constemit=defineEmits(['自定义事件名字A'])//给父组件传参emit('自定义事件名字A',数据)父组件接收参数：//父组件接收数据functiongetRecentRecoding(val:any){console.log('近期流水：',val);}
来福福是小可爱！·2024-02-07 05:21

【vue3】远程组件加载

远程加载组件，动态更新组件，主框架不更新参考https://gitee.com/fanzhengshao/remote-components-library用vite创建一个vue项目添加remote目录，存放远程组件添加rollup.config.js，用来打包配置远程组件//rollup.config.jsimportvuePluginfrom'rollup-plugin-vue'import
飘逸者打瞌睡·2024-02-07 05:21

Vue3组件间通信知识整理——父组件向子组件传参

我认为各种问题的出现的背后都是需求的驱使，所以我在文章书写的过程中，相对简单的以案例演示叙述，而相对特殊典型的尽量放出场景、聊需求，增加代入感的方式来叙述Vue3组件间通信的方式。
阿Der·2024-02-07 05:50

Vue3组件间通信知识整理——子组件向父组件传参

Vue3组件化开发，子组件向父组件传参的场景也是十分之多，通常是用于通知父组件改值，父组件向子组件传递参数。
阿Der·2024-02-07 05:50

VUE3父组件向子组件传参，参数随子组件值修改

父组件组件传参时使用v-model修饰import{ref,unref,getCurrentInstance,watch,reactive,onMounted}from"vue";import{useRouter}from"vue-router";importinfoCardfrom"@/views/infoCard";exportdefault{name:"index",props:[],emi
Amiel_Tian·2024-02-07 05:49

三大常用Web前端框架对比

的版本1.3Angular的优势1.4Angular的缺点1.5Angular项目结构二、React2.1React的主要特点2.2React的优势2.3React的缺点2.5React的项目结构三、Vue3.1Vue
纯良思安·2024-02-07 05:13

Composition API 使用

响应性基础APImkdir03-composition-api#初始化项目package.jsonnpminit--yes#安装vue3npminstallvue@next--savereactive返回对象的响应式副本
翔子丶·2024-02-07 04:15

[Vue3] ref属性

简介Vue3中使用setup语法糖之后，在组件或普通dom元素上使用ref属性，可以得到注册元素或子组件的引用。如果用于普通dom元素，引用将是元素本身；如果用于子组件，引用将是子组件的实例。
Suppose·2024-02-07 04:49

鸡零狗碎是生活

平日随手记的倒是乱糟糟写了一通，难登大雅又串联不起来，很纠结！鸿文巨篇是不用想了，基本的输出都很难做到。
Ryder_Z·2024-02-07 04:31

一个坐标系查询网站python获取所有坐标系

技术路线选择我是使用的vue3开发的网页界面，element-plus构建网页组件，openlayer展示地图，express提供后端API，vercel进行在线部署。
数字化信息化智能化解决方案·2024-02-07 04:43

Vue3.0（二）：Vue组件化基础 - 脚手架

Vue组件化基础-脚手架Vue的组件化我们在处理一些任务量比较庞大的工作时候，会将工作内容进行拆分，分步骤完成而组件化的思想正式如此，对于一个庞大的项目，我们可以将其拆分成一个个的小功能，分步骤进行实现组件化是Vue的核心思想在前面的学习中，我们在createApp中传入了一个App对象，这个对象的本质其实就是一个组件{{item}}//使用VueconstApp={data(){return{a
前端大菜鸟_·2024-02-07 02:18

Vue3.0（三）：Vue组件化深入理解

Vue组件化深入理解生命周期每个组件都可能经历创建、挂载、更新、卸载等一系列过程在每个阶段，我们可能会添加一些属于自己的逻辑代码在Vue中，生命周期通过生命周期函数实现生命周期函数实际上就是回调函数，在某个时间会被Vue源码调用通过生命周期函数的回调，我们可以知道目前组件正在经历什么阶段生命周期的流程初始化事件生命周期beforeCreate创建组件实例：初始化注入和响应式created：发送网络
前端大菜鸟_·2024-02-07 02:43

138/365『既然520，那就留下一些有关爱的印记』

这两天上课的会场对面，今天也是一场隆重的婚礼，也让我想到最近有朋友问我的一个问题，就随手记录一下。有个朋友问我，等自己变优秀了再去追喜欢的那个女孩，还来得及吗？
王晳若·2024-02-07 01:42

全栈笔记_插件篇（用Volar替换Vuter）

vue3模板可以使用多个根标签，vue2
weiweivita·2024-02-07 01:48

【Vue3】解决路由缓存问题（响应路由参数的变化）

官方文档解释：解决问题的思路:让组件实例不复用,强制销毁重建监听路由变化,变化之后执行数据更新操作方案一：给router-view添加key以当前路由完整路径为key的值，给router-view组件绑定所以添加key之后会强制替换组件，重新发送所有请求（某些情况下不需要重新发送所有请求，会造成性能浪费），而非复用。方案二：使用beforeRouteUpdate导航钩子beforeRouteUpd
小秀_heo·2024-02-07 00:04

debian安装vue3 nodejs20

下载node-v20.10.0-linux-x64解压缩ln-s/work/node-v20.10.0-linux-x64nodejsnode-vnpm-vvue-cli是vue2的脚手架@vue/cli是3的脚手架npminstall-g@vue/clicd~/nodejs/bin/ln-s/work/node_global/lib/node_modules/@vue/cli/bin/vue.j
tboqi1·2024-02-07 00:13

deepin20.9安装及配置

nextaptinstallnginxglobalvim-noxdebian11使用apt安装php,使php多版本共存_debain11php5-CSDN博客vimLeaderF安装问题-知乎debian10安装vue环境,包括安装node.js-CSDN博客debian安装vue3nodejs20
tboqi1·2024-02-07 00:41

2020-08-24

既然出现这情况，就得想办法应对，有灵感的时候随手记录下，不要等着忘了之后再去想，费时费力，错过难再有！
梦yongbo·2024-02-06 23:26

Vue - 快速入门（一）

是一个用于构建用户界面的渐进式框架框架优点：大大提升开发效率(70%↑)缺点：需要理解记忆规则官网文档地址：vue2:https://v2.cn.vuejs.org/v2/guide/installation.htmlvue3
smilehjl·2024-02-06 22:31

2022-11-04

在vite+vue3+ts项目下，实现根据文件名称自动生成路由1、安装插件npminstallvite-plugin-pages-Dnpminstallvue-router2、在vite.config.ts
前端橙子·2024-02-06 21:03

Vue3状态管理——Pinia

官网：https://pinia.vuejs.org/0.初始化配置//创建项目yarncreatevite//安装pinianpminstallpinia1.创建Pinia实例并挂载//src/main.jsimport{createPinia}from'pinia';//创建Pinia实例constpinia=createPinia();//挂载到Vue根实例createApp(App).us
135e606a0926·2024-02-06 20:34

vue3嵌入pdf的两种办法

1.使用embed嵌入好处：简单，代码量少，功能齐全缺点：有固定样式，难以修改，不可定制2.使用vue-pdf-embed（pdf预览）的形式定制嵌入pdf优点：除了pdf的内容别的都可以修改，可以定制样式缺点：要自己手写下载，下一页，上一页等功能使用vue-pdf-embed插件展示预览pdf（这里只能展示一页，或者不分页全部展示，就会是一长条，所以我们自己做分页。）上一页{{state.pag
ArmadaDK·2024-02-06 20:35

Vue3 全局 API 的修改

官方文档全局API|Vue3中文文档观察main.ts可以看到，vue3的入口文件变得简洁了很多，只有短短三行代码了。
Lia代码猪崽·2024-02-06 19:24
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他