vue3 之 商城项目—详情页
2024-06-101️⃣获取到当前的鼠标在盒子内的相对位置(useMouseInElement),控制滑块跟随鼠标移动(left/top)思路:维护一个数组图片列表,鼠标划入小图记录当前小图下标值,通过下标值在数组中取对应图片,显示到大图位置。2️⃣实现放大效果,大图的宽高是小图的两倍,大图的移动方向和滑块移动方向相反,且数值为2倍。3️⃣鼠标移入盒子(isOutside),滑块和大图才显示(v-show)3️⃣鼠标移入控制滑块和大图显示隐藏。1️⃣左侧滑块跟随鼠标移动。2️⃣右侧大图放大效果实现。_vue 商品详情
解决Element-Plus中el-switch的change方法自动触发问题
2024-06-09getCurrentInstance()方法是vue3 Composition API中的一个API函数。它的作用是返回一个组件实例对象,可以用来操作当前组件的各种属性和方法。这个方法是一个全局API,可以在任何地方使用。_el-switch change 自动调用
深入理解Vue 3.0中的watch属性immediate和deep的用法
2024-06-09Vue 3.0中的watch属性提供了更强大和灵活的监听功能,尤其是在使用immediate和deep属性时。immediate属性可以帮助你在数据首次绑定时执行特定的逻辑,而deep属性则可以让你深入地监听复杂对象的任何变化。使用deep属性,我们可以对对象的任何层级进行监听,包括对象内部属性的变化。Vue 3.0中的watch属性允许你对Vue实例中的数据属性进行监听,并在数据发生变化时执行相应的回调函数。在上面的示例中,我们通过使用deep属性,可以监听到user对象内部属性的任何变化。_vue3 watch immediate
网盘(结合百度网盘/阿里网盘)
2024-06-09网盘、vue3、vite、仿百度网盘、仿阿里网盘_antd 实现百度网盘效果
vue3 element-plus el-descriptions 详情组件二次封装(vue3项目)
2024-06-09vue3 element-plus el-descriptions 详情组件二次封装(vue3项目)_element plus descriptions 带tip
vue3报错:找不到模块“element-plus”或其相应的类型说明
2024-06-09vue3报错:找不到模块“element-plus”或其相应的类型说明_找不到模块“element-plus”或其相应的类型声明
保姆级教程 从零配置nodejs环境并用命令行创建基于vue3的uniapp项目 Webstorm配置uniapp
2024-06-09本教程后面部分(用命令行创建基于vue3的uniapp项目 Webstorm配置uniapp)适合习惯使用vscode或Webstorm等(或者说不习惯HBuilder X)的人参考,如果习惯使用HBuilder X,还是建议使用HBuilder X来搭建uniapp项目,会方便很多。1. 配置node.js1.1 下载并安装进入官网下载node.js,我这里下载的是最新版本的nodejs下载完成后打开,点击next点击next选择安装的目录(建议放在其他盘上,我这里只有_webstorm uni-app
vue3中使用vue-echarts
2024-06-09vue-echarts详细介绍:https://github.com/ecomfe/vue-echarts/blob/HEAD/README.zh-Hans.mdhttps://github.com/ecomfe/vue-echarts/blob/HEAD/README.zh-Hans.md main.js中全局引入 使用_vue3 vue-echarts
vue3中style新特性v-bind
2024-06-09在vue3.2中增加了一个style v-bind的特性,简单来说就是把我们script中的数据可以在style标签中使用。_vue3 style v-bind
vue3集成scss实现清除浏览器默认样式
2024-06-09vue3集成scss实现清除浏览器默认样式_vue3清除样式