51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vue3 封装axios ts vue3 封装a-modal
由于之前搜索其他modal框封装的文章时，发现大多数在使用时需要引入并注册组件，传入参数再写方法。每次引用时都要经过上述操作，觉得太麻烦了。后面通过一些资料摸索出vue3如何利用命令方式（即避免写组件标签）来弹出弹框，写下这篇文章，方便日后自己复习调用及效果先上使用方法及效果代码<template> <div class="container"> &
vue3 封装axios ts
封装
Regular
搜索
转载
mob64ca13fd559d
2024-01-29 02:43:30
313阅读

ant design of vue modal 函数式二次封装
*注:示例使用的是vue3和element+进行二次封装的首先我们来看效果图（总共可以分为以下几个模块）：表格数据操作按钮区域表格信息提示区域表格主体内容展示区域表格分页区域以下是代码:<script setup> import { computed, ref } from "vue" const props = defineProps({ // 表格按钮个数 btnArray
vue.js
elementui
前端
数组
数据
转载
数据探索者
9月前
165阅读

vue2使用computed封装modal(van-popup)
vue2使用computed封装modal（van-popup）
Vue
Boo
原创
qq5d5a23c25ad20
2024-07-17 17:42:08
0阅读

vue3【组件封装】确认对话框 Modal
src/components/Modal.vue<template> <transition name="fade"> <div class="fixed w-full h-full z-100 top-0 left-0 bg-black bg-opaci
vue3
组件封装
ci
原创
朝阳39
10月前
182阅读

jquery modal 封装 jquery封装插件的方法
　　俗话说的好：温故而知新，可以为师矣！　　学习是一个人一辈子的事情。于是乎趁着今天休息，回顾了一些知识点，可能做的不够完美，请多多指教。/** * Created by Administrator on 2017/5/6. *//** * 格式化日期 * @param dt 日期对象 * @returns {string} 返回值是格式化的字符串日期 */ function getD
jquery modal 封装
json
父级元素
Math
转载
技术领航探索者
2024-07-31 19:24:53
56阅读

ant vue 修改modal样式
<style lang="less" scoped> div /deep/ .ant-modal-content{ height: 600px; width: 1000px; } div /deep/ .ant-modal-body{ height: 80%; width: 100%; } </st
s
原创
wx5b6d6c951e615
2022-09-20 11:59:47
443阅读

antd vue 修改modal弹窗样式
默认支持modal宽度修改但是高度.ant-modal-body，默认不支持修改，所以需要先通过挂在元素再css穿透/deep/ .ant-modal-body{} 修改样式 可以看到修改成功效果：
css
原创
wx5b6d6c951e615
2022-09-20 12:03:18
1609阅读

vue3:modal组件开发
项目环境@vue/cli 4.5.8最终效果需求分析显示/隐藏 点击遮罩层能否关闭 宽度和zIndex自定义 标题栏 -显示标题和关闭按钮 主体 底部 -内置取消和确定功能前置知识​​teleport​​​通过其to属性可以把实例插入到对应的​​body​​中实现过程搭建大体的html模版<template> <teleport to="body"> &
Modal
vue
component
ide
Boo
原创
Fly丶知秋
2023-03-06 03:56:20
325阅读

vue架构封装 vue封装组建
vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素，封装可重用代码● 在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能● 有些情况下，组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周期钩子vue组件的功
vue架构封装
vue.js
前端
javascript
Vue
转载
网络安全侠
2024-02-04 02:10:19
72阅读

vue sessionStorage 封装 vue封装sdk
关键词：SDK，VUE，单例模式，代码复用本文旨在分享一个前端 sdk 的开发方式。即使用 vue 直接开发1.项目背景需求描述：1.开发一个集团通用 SSO 单点登录页面，大致如下图： 2.开发一个对应 sdk，给接入方使用，页面效果和 web 保持一致。如下图： SDK 需求： 提供调用方式给用户，可以传递参数，调用方法，直接生成登录弹框和背景半透明的蒙层在弹框成功
vue方法调用失败后多次调用
Vue
UI
单例模式
转载
架构领航博主
2024-07-02 19:52:59
137阅读

antdesign vue modal无法打开 ant design vue mobile
低版本的antd table组件 官网文档上有可伸缩列功能，但是用起来有很明显的bug，无法直接拿来用；接下来给大家提供一个手写的拖拽方案：1.首先，写好v-table组件,这里最重要的就是table组件中的‘components’属性，官方对component的描述是"覆盖默认的 table 元素",意思就是对table进行重写<a-table :components="component
前端
vue.js
html
javascript
anti-design-vue
转载
mob64ca140ac564
2024-03-30 09:44:47
396阅读

antDesignVue Modal中文 ant design admin vue
平台开发一. vue-antd-admin简介二. git拉取vue-antd-admin三. 项目结构四. 通用设置五. 登录打通后端1、前端项目配置环境2、修改src/services/api.js文件3、修改src/services/user.js文件4、修改src/pages/login/Login.vue文件六. 效果展示 一. vue-antd-admin简介Vue Antd Adm
python
git
ide
API
转载
mob64ca140d2323
2024-04-25 23:10:01
154阅读

Android 封装vue vue项目封装api
一、安装axios和confignpm install axios --Savenpm install config --Save二、封装config文件在src目录下创建config文件夹，config内创建index.js文件//网络请求地址 例如: http://wwww.baidu.com 本地开发时，可直接填写后端测试接口地址(需要设置浏览器允许跨域请求，或后端设置Cross-orig
Android 封装vue
npm
vue.js
前端
javascript
转载
bigrobin
2024-02-24 23:02:38
37阅读

vue 父容器封装 vue封装函数
1、校验数据类型export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() }示例typeOf('vue') // string typeOf([]) // array typeOf(new Date()) // date typeO
vue 父容器封装
javascript
vue.js
前端
数组
转载
mob64ca1419a401
2024-03-18 09:00:44
36阅读

vue封装request接口 vue 封装接口
之前我发布了一篇是有关于uniapp的接口简单封装，这次我发布的是vue的接口简单封装，这次有涉及到几个依赖，需要提前安装好，一个是axios依赖，一个是qs依赖，以下是安装方法：npm install axios -S npm install qs安装完之后，就可以直接再也没中引入了，这次涉及到三个文件，一个是对axios的封装文件，即axios.js，一个是对接口的封装文件，即index.js
vue封装request接口
vue.js
axios
接口
ios
转载
mob64ca1409d8ea
2024-04-18 13:32:44
224阅读

vue axiios 封装 掘金 vue封装app
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 https://www.electronjs.org/ 目录01.打包封装1.创建v
vue axiios 封装 掘金
vue.js
electron
javascript
默认值
转载
huatechinfo
2023-12-29 22:14:20
17阅读

modal
数据
转载
mob60475700baf7
2017-06-08 23:19:00
89阅读
2评论

【Modal】
1.Bootstrap Modal 文档里标签、属性、方法、事件都写的很清楚 2.AngularUI - Bootstrap UI Bootstrap 2.1 2.2 2.3 2.4 问题 ng-model input inside an angular-ui modal controller is
bootstrap
html
ide
字段
柱状图
转载
mob604756e7db9c
2016-09-23 11:32:00
126阅读

modal
通过这种方式绑定数据 $("#modalTarget").data("target", paras); 然后取出数据， data: JSON.stringify($("#modalTarget").data("target")), data-dismiss https://stackoverflow
ide
数据
ico
json
bootstrap
转载
mob604757001c56
2018-05-31 14:13:00
106阅读
2评论

$modal
参数 scope The parent scope instance to be used for the modal's content. Defaults to $rootScope
sed
JAVA
转载
mb5ff590c45613d
2017-03-17 16:13:00
117阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

Modal

axios vue 封装 方法 vue的axios封装

vue封装axios 实例 vue项目axios封装

vueaxios 封装 vue封装app

vue 封装axios vue 封装组件 双向绑定

axios公用 vue 封装 vue中axios封装

vue3.0axios封装 vue封装sdk

vue axios 请求封装 vue项目axios封装

antddesign vue封装动态表单 vue封装表格

vue封装布局容器 vue封装组件原则

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯