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

vue3 ts antdesign 封装表格组件 vue封装tab组件
大部分项目都需要一个菜单栏进行切换，所以学习了一下怎样封装一个tabbar组件，这样以后使用的时候可以直接拿来使用。1.路由router首先是路由的设置，这个在之前的随笔中已经写过相关的使用方法。说一下使用tabbar，在标签栏下面点击切换页面的时候，跟随到不同的路径，就需要配置相关的router，根据不同的路径展示不同的页面。入口App中的div：<div id="app">
ico
封装
Vue
转载
云端创新者
4月前
45阅读

Tab插件的封装
html：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Tab插件的封装</title> <script type="text/javascript" src="jquer
Tab插件的封装
原创
黄宝黄宝
2021-07-28 10:34:25
179阅读

vue tab切换
<!-- 交互的逻辑 1==》如何实现 点击当前的那个菜单 给被点击的元素添加样似 @click="getclcik(index)" 记录当前被点击的元素的下标 :class="{active:cur==index} 如果匹配成功，则给这个元素添加一个类active 2==》如何只显示 点击下标与之
微信
支付宝
背景颜色
转载
朦胧淡月
2022-09-01 17:38:10
550阅读

Vue Router Tab
介绍Vue Router Tab 是基于 Vue.js 和 Vue Router 的路由页签组件，用来实现多页签页面的管理。官网演示包含的功能✅ 响应路由变化来打开或切换页签✅
vue.js
ico
缓存
自定义
个性化设置
原创
qq6137759ab5162
2021-09-08 10:22:15
905阅读

vue tab 切换
<template> <view> <!-- 内容 --> <view class="content_box"> <view class="content"> <!-- 分类 --> <view class="classification"> <text @click="taskSwitch(0)"
oo
原创
wx62aac82759217
2022-11-26 12:15:52
395阅读

小程序封装tab组件
在封装组件的时候，我们需要创建一个文件夹，用来专门管理我们封装的组件哈~；这个文件夹的名字就是components；
微信
封装
数据
原创
朦胧淡月
2022-09-01 20:39:27
133阅读

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
139阅读

vue-tab切换
<ul> <v-li></v-li> </ul> 而这样写肯定是不行的，这就需要用到 is 特性了。 <ul> <li is="v-li"></li> </ul> 这也就是为什么利用 is 特性可以实现动态切换组件的效果。 keep-alive 指令可以将切换出去的组件保留在内存中，可以保留它的状态
VUE教程
VUe
原创
Aqq_1024
2021-05-20 19:54:56
3785阅读

vue实现TAB切换
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
html
.net
点击事件
vue.js
其他
转载
mob604756fc3573
2021-09-14 21:31:00
288阅读
2评论

vue之tab切换
<style> .active{ color: red; } div a{ display: block; } </style> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <body> <!-- 1 循环
数据
html
微信
原创
朦胧淡月
2022-09-01 18:05:29
228阅读

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阅读

Jquery封装tab自动切换效果
Jquery封装tab自动切换效果
职场
休闲
Jquery
封装tab
自动切换效果
推荐 原创
涂根华
2011-11-13 22:23:21
1762阅读
4点赞
5评论

Jquery封装tab选项卡
Jquery封装tab选项卡
职场
休闲
Jquery封装tab选项卡
推荐 原创
涂根华
2011-11-15 22:08:28
3687阅读
2点赞
1评论

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
22阅读

vue axios 请求封装 vue项目axios封装
前言： 什么是axios，简单的来说就是axios 是一个基于 promise 的 HTTP 库，简单的讲就是可以发送get、post等请求。axios 是一个轻量的 HTTP客户端，它基于 XMLHttpRequest 服务来执行 HTTP 请求，支持丰富的配置，支持 Promise，支持浏览器端和 Node.js 端。自Vue2.0起，尤大大（Vue作者尤雨溪）宣布取消对 vue-resour
vue axios 请求封装
vue.js
javascript
ios
封装
转载
云端梦想家
2023-08-23 12:25:48
297阅读

vue 封装axios vue 封装组件 双向绑定
组件的prop双向绑定于vue2废除，vue2的prop只限于父->子的单向流动，不能修改外层传来的数据，如果需要得自己来实现。实现方法步骤： 　　1.在组件内得data对象中创建一个props属性的副本data: function () { return { myResult: this.result（props中得值）//data中新增字段 };　　2.创建针对props
vue 封装 axios
双向绑定
数据
字段
转载
半夜未央好
2023-06-14 14:59:26
159阅读

vue3.0axios封装 vue封装sdk
首先先查阅官方微信js-SDK，根据官方提示引入sdk，使用sdkvue npm 引入微信sdk，这个是优化封装。修正了微信js-sdk官方1.6.0的bug，并针对iOS系统url验证签名错误进行优化。npm i jweixin-1.6.0在需要分享的页面引入import wx from 'jweixin-1.6.0'这里我做了sdk请求的封装，就不用每个页面都去请求config配置的写法了，直
vue3.0axios封装
vue.js
封装
当前页
ios
转载
陌陌香阁
2023-09-25 18:29:47
273阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

axios公用 vue 封装 vue中axios封装

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

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

axios vue 封装 方法 vue的axios封装

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

vueaxios 封装 vue封装app

vue项目axios封装 vue如何封装axios

TypeScript 封装vue组件 vue封装组件方法

Vue tab选项卡

vue实现tab标签选中

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

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