Vue
文章平均质量分 78
RumInVase
这个作者很懒,什么都没留下…
展开
-
【HTML】页面引用Vue3和Element-Plus
在现代前端开发中,Vue 3 和 Element Plus 是非常受欢迎的技术。Vue 3 是一个用于构建用户界面的渐进式 JavaScript 框架,而 Element Plus 是一个基于 Vue 3 的组件库,提供了丰富的 UI 组件,帮助开发者快速构建高质量的前端应用。在本文中,我们将通过一个简单的示例来演示如何在Html中引用 Vue 3 和 Element Plus。原创 2024-04-24 18:08:28 · 292 阅读 · 0 评论 -
【Vue】v-model和.sync
Vue中的v-model和.sync修饰符都是用于实现父子组件间数据双向绑定的机制。尽管它们的作用相似,但在使用方式和实现细节上有所区别。原创 2024-04-15 16:40:42 · 1212 阅读 · 0 评论 -
【Vue】动态Icon组件(变量值作为组件名)
【代码】【Vue】将变量值作为组件名称。原创 2024-04-09 14:41:54 · 299 阅读 · 0 评论 -
【Vue】可拖拽侧边栏实现
首先,我们需要在 HTML 文件中定义侧边栏的容器和用于拖拽的元素。在 Vue 组件中,我们将使用 Vue 的响应式系统来追踪侧边栏的宽度,并添加事件处理程序来响应鼠标拖拽事件。在本篇博客中,我们将探讨如何在 Vue.js 项目中实现一个可拖拽的侧边栏。此功能可以通过修改 HTML 和 Vue 组件的脚本来实现。在 Vue 组件的脚本部分,我们将使用 Vue 的响应式系统来追踪侧边栏的宽度,并添加事件处理程序来响应鼠标拖拽事件。在 HTML 文件中,我们需要一个包含侧边栏内容的容器和一个可以拖拽的元素。原创 2024-03-27 17:27:52 · 392 阅读 · 0 评论 -
【Vue】解决watch监听对象类型变量oldVal和newVal相同问题
问题场景</</exportdefaultdatareturnobja1watchobjhandlernewValoldVallog'newVal'log'oldVal'deeptrue</此时,设置deep: true可以监听到obj.a的变化而在打印的结果发现新值和旧值却是一样的。转载 2024-02-23 17:55:13 · 159 阅读 · 0 评论 -
【Vue】IP地址输入框
效果使用<template> <IpInput ref="ipInput"></IpInput></template>this.$refs.ipInput.getIP("10.90.15.66");const ip = this.$refs.ipInput.value.getIP();console.log(ip);代码<template> <div v-for="(item, index) in ipAddre原创 2023-10-24 14:29:51 · 511 阅读 · 0 评论 -
【Vue】基于Cropperjs的图片裁剪对话框
设置裁剪区域的拖动方式,可以是"move"、“resize"或"both”。:设置裁剪视图模式,1 表示方形裁剪,2 表示比例裁剪,3 表示填充裁剪。是一个功能强大的图像裁剪库,可以在Vue项目中实现图像裁剪的功能。:设置裁剪区域的比例,即裁剪区域的宽度和高度之比。:设置预览区域的元素选择器,用于显示裁剪后的图片。:设置初始比例,即裁剪区域的宽度和高度之比。// 设置视图模式为限制在裁剪框内。// 将需要裁剪的图片传进来。// 自动选择裁剪区域的大小。:设置自动裁剪区域的大小。导入cropper库。原创 2023-10-17 15:28:47 · 292 阅读 · 0 评论 -
【Vue】鼠标悬停按键效果
Vue实现鼠标悬停效果原创 2023-10-17 14:44:23 · 804 阅读 · 0 评论