乐胖代购免代理版

欢迎

Vue3统一导出局部组件和全局组件

文件夹标识为全局组件。

javascript

vue.js

前端

App

原创 2023-09-29 22:04:18 453 阅读

Vue3使用递归组件封装El-Menu多级菜单

【代码】Vue3使用递归组件封装El-Menu菜单。

vue.js

javascript

前端

ico

多级菜单

原创 2023-09-29 22:04:12 599 阅读

前端重新部署通知用户刷新

信息，不一致就触发更新操作。

前端

html

原创 2023-09-26 13:47:47 158 阅读

Vue3封装函数组件(ElImageViewer)预览图片

/ api文档：https://element-plus.org/zh-CN/component/image.html#image-viewer-attributes。//自定义函数组件无法使用全局组件，需要单独引入。//传入createApp中移除节点的方法。// 监听显示的消失，需要移除dom。

vue.js

3d

html

自定义函数

原创 2023-07-29 03:45:48 825 阅读

Vue3自定义全局指令

自定义的指令功能：根据传参判断是否显隐功能按钮。判断方法自己去实现，这里就不贴代码了。

vue.js

App

自定义

原创 2023-05-27 00:10:18 300 阅读

Vue引入第三方字体

【代码】Vue引入第三方字体。

vue.js

javascript

前端

css

第三方字体

原创 2023-05-20 00:38:52 111 阅读

Vue3+vant4适配移动端

【代码】Vue3+vant4适配移动端。

javascript

前端

vue.js

css

github

原创 2023-01-07 00:24:05 1600 阅读

Vue3文件拖拽上传

【代码】Vue3文件拖拽上传。

前端

javascript

vue.js

上传

css

原创 2022-10-29 11:25:25 513 阅读

Vue3+Vite+ElementPlus自定义主题色

安装sass在进行配置import {scss : {alias : {

vue.js

javascript

前端

css

自定义

原创 2022-10-23 00:06:39 578 阅读

微前端qiankun接入Vite子应用含Vue3和React18

文件，进行单独的抽离。的，需要借助插件完成。的一样，就不贴代码了。

前端

javascript

vue.js

开发模式

github

原创 2022-10-23 00:04:54 2457 阅读

Vue3根据动态字段绑定v-model

因业务需要用到低代码，v-model绑定的是随机生成的。

vue.js

javascript

ecmascript

原创 2022-10-16 16:03:47 211 阅读

Vue3响应式provide、inject传值

在父组件定义一个响应式的值chat为要向子组件传递的值updateChat为子组件修改ch

vue.js

typescript

react.js

ide

响应式

原创 2022-07-06 19:18:31 274 阅读

Vue3实现图片滚轮缩放和拖拽

<template> <div ref="imgWrap" class="wrap" @mousewheel.prevent="rollImg"> <i

vue.js

css3

css

sed

原创 2022-07-06 19:18:08 1233 阅读

Vite2+Vue3初始化项目

构建命令npm init vite-app <project-name>cd <project-name>npm installnpm run dev打包上线先在文件夹根目录

服务器

文件上传

中文文档

原创 2022-07-06 19:12:43 133 阅读

Vue3+Vuex4实现组件公共状态

安装Vuex4.0以上版本npm install vuex@4.0.0 -s在src目录下新建store/index.js文件夹import

hjava

原创 2022-07-06 19:12:24 90 阅读

Vue3引入pinia状态管理

pinia中文文档pinia安装pinia在引入项目目录新建做个简单的数值递增可以自己任意命名类似id的意思，使用它来将连接到在中导

vue.js

javascript

前端

中文文档

嵌套

原创 2022-07-06 16:48:40 308 阅读

Vue3父子组件通信

子组件<template> <h1 @click="childClick">{{ title }}</h1> <button @click="updateFu

vue.js

javascript

原创 2022-07-06 16:48:22 437 阅读

Vue3使用keep-alive实现组件缓存

<template> <router-view v-slot="{ Component }"> <keep-alive :include="includmplate><script lang="ts">import { ref, d

缓存

原创 2022-07-06 16:44:56 361 阅读

vite2+vant+postcss搭建移动端

安装vant和vite按需引入npm install vant -snpm install vite-plugin-style-import -Dvite.config.

css

git

github

原创 2022-07-06 16:43:46 223 阅读

vue3使用transition封装弹窗组件

弹窗缓慢向左移的动画.fadein { animation: fadein .5s;}@keyframes fadein { 0% { transform: tr网站...

编程

原创 2022-07-06 16:43:02 362 阅读

Vue3返回关闭弹窗不返回页面

//监听页面销毁之前 beforeDestroy() { window.removeEventListener( "popstate", e => { console.log(e);

vue.js

javascript

html5

原创 2022-07-06 16:42:04 914 阅读

Vue3传送门Teleport示例

teleportteleport可以让我们的子组件DOM不用嵌套在父组件的DOM中，但又可以继续访问父组件的值和方法子组件,用teleport包裹，

嵌套

原创 2022-07-06 16:41:57 59 阅读

Vue3+Vue-Router4.x实现路由跳转传参

安装路由，注意需要4.x版本npm install vue-router -s在main.js进行导入import { createApp} from 'vue'import App from './App.vue'impo

编程

原创 2022-07-06 16:39:01 772 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

qq62c540ca3eb9b的博客

欢迎

Vue3统一导出局部组件和全局组件

Vue3使用递归组件封装El-Menu多级菜单

前端重新部署通知用户刷新

Vue3封装函数组件(ElImageViewer)预览图片

Vue3自定义全局指令

Vue引入第三方字体

Vue3+vant4适配移动端

Vue3文件拖拽上传

Vue3+Vite+ElementPlus自定义主题色

微前端qiankun接入Vite子应用含Vue3和React18

Vue3根据动态字段绑定v-model

Vue3响应式provide、inject传值

Vue3实现图片滚轮缩放和拖拽

Vite2+Vue3初始化项目

Vue3+Vuex4实现组件公共状态

Vue3引入pinia状态管理

Vue3父子组件通信

Vue3使用keep-alive实现组件缓存

vite2+vant+postcss搭建移动端

vue3使用transition封装弹窗组件

Vue3返回关闭弹窗不返回页面

Vue3传送门Teleport示例

Vue3+Vue-Router4.x实现路由跳转传参