文章 2024-07-06 来自:开发者社区

vue3 【实战】封装 “心跳“ 组件

需求描述 在控制台每秒打印一个“hello” 代码实现 <script setup> import { onMounted, onBeforeUnmount, ref } from "vue"; const timer = ...

文章 2024-07-02 来自:开发者社区

【奇葩问题】vue 多个el-drawer 嵌套遮罩混乱问题解决方案,vue在<el-drawer>中嵌套<el-drawer>时遮罩bug 为了解决问题自己封装了一个简易的抽屉组件

背景:vue项目中多个el-drawer抽屉组件嵌套官方自带遮罩层出现顺序混乱的bug 使用了官方自带类 :append-to-body=“true” :modal-append-to-body=“false” 都无法解决后 自己定义了一个组件,虽然简陋但是解决了问题 最终展示效果 ...

【奇葩问题】vue 多个el-drawer 嵌套遮罩混乱问题解决方案,vue在<el-drawer>中嵌套<el-drawer>时遮罩bug 为了解决问题自己封装了一个简易的抽屉组件

Spring Boot+Vue.js+FastDFS实现分布式图片服务器

16 课时 |
316 人已学 |
免费

Vue.js 入门与实战

86 课时 |
19784 人已学 |
免费

Vue.js完全自学手册图文教程

13 课时 |
6724 人已学 |
免费
开发者课程背景图
文章 2024-06-06 来自:开发者社区

vue3如何封装接口

在Vue 3中封装接口,通常可以使用axios或类似的库来进行网络请求,并将请求封装成一个独立的模块,方便在应用中重复使用和管理。下面是一个简单的示例,演示如何在Vue 3中封装接口 1,首先 安装并导入 axios库  可以使用npm或ayrn来安装 npm install axios --save 2,创建一个,api.js文件来管接口封装: ...

文章 2024-05-16 来自:开发者社区

vue3封装面包屑

breadCrumb.vue <script setup lang="ts" > import { ArrowRight } from '@element-plus/icons-vue' import SvgIcon from '@/components/SvgIcon.v...

vue3封装面包屑
文章 2024-05-16 来自:开发者社区

vue封装svg

<template> <svg aria-hidden="true" :style="{ width: size + 'px', height: size + 'px' }"> <use :xlink:href="symbolId" :fill="color" /> </svg> </template> ...

vue封装svg
文章 2024-05-16 来自:开发者社区

vue封装面包屑组件

使用 <script setup lang="ts" > import { ArrowRight } from '@element-plus/icons-vue' const props = defineProps(['item']) </script> &...

文章 2024-05-11 来自:开发者社区

vue3 Element-Plus封装的el-tree-select的使用

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio 演示地址:RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/ 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码: https://...

vue3 Element-Plus封装的el-tree-select的使用
文章 2024-04-16 来自:开发者社区

vue中高精度小数问题(加减乘除方法封装)处理

文档地址:https://mikemcl.github.io/bignumber.js/ npm install bignumber.js --S ...

文章 2024-04-07 来自:开发者社区

Vue 封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米

## 简介 本文将介绍如何使用Vue封装一个函数,计算小球弹跳的次数,直到高度低于1米。函数的参数包括小球的原始高度和弹起比例。通过代码案例演示了如何使用Vue进行封装和调用。 ## 函数封装 ```vue <template>  <div>    <label for="height...

文章 2024-04-07 来自:开发者社区

Vue实现简单的接口封装

1.  在src中创建一个api文件夹 2. 按功能、模块等新建对应的js文件 ...

Vue实现简单的接口封装

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注