Tabcontroller tabpage:
转载 2021-08-18 14:03:22
221阅读
这是我参与11月更文挑战的第26天,活动详情查看:2021最后一次更文挑战  这里是坚果前端小课堂,大家喜欢的话
原创 2022-01-11 11:07:24
1542阅读
# 自定义 iOS TabBarController 在 iOS 开发中,TabBarController 是一种常见的界面组件,用来实现底部导航栏中不同页面之间的切换。默认的 TabBarController 样式可能无法满足所有需求,我们可能会需要自定义 TabBarController 来实现更加个性化的界面效果。本文将介绍如何自定义 iOS TabBarController,并提供代码示
原创 2024-04-10 03:24:59
75阅读
基本使用:
原创 2021-07-20 16:35:33
186阅读
<template> <view> <!-- 内容 --> <view class="content_box"> <view class="content"> <!-- 分类 --> <view class="classification"> <text @click="taskSwitch(0)"
oo
原创 2022-11-26 12:15:52
395阅读
<!-- 交互的逻辑 1==》如何实现 点击当前的那个菜单 给被点击的元素添加样似 @click="getclcik(index)" 记录当前被点击的元素的下标 :class="{active:cur==index} 如果匹配成功,则给这个元素添加一个类active 2==》如何只显示 点击下标与之
转载 2022-09-01 17:38:10
548阅读
Vue实现tab页多页面切换 实现路由发生变化时,新增一个tab标签页,点击其他标签时切换到对应的页面,刷新网页同时保留状态 这里就直接说它实现的代码就OK!!!VueX记录下每次新增后的tab标签页路由store.jsimport Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Stor
当不同情况展示不同图片,不同动画的时候,不能用v-if替换,要用v-show替换,因为v-if是重新加载,在此之前动画会先渲染,找不到图片,就会失效,切换的动画就失效了
vue
转载 2021-02-25 17:18:29
836阅读
2评论
前言在日常实际开发中,常会遇到组件切换的需求,如:1. 点击按钮后,登录组件的切换切换不同登录方式;2. tab切换选项卡; 方法一:使用 v-if, v-else(点击按钮显示不同登录组件)<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
转载 2023-10-12 20:13:48
349阅读
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script> html <div id="app"> <!--频换切换建议用v-show,性能比v-if好--> <h3 v-show="tab == 1">首页</h ...
转载 2021-07-16 19:27:00
806阅读
2评论
之前拷贝到编辑器,运行即可查看到对应效果    增加class       .red{color: red}        {{data.data}}          new Vue({      el: '#app',      data: {        datas: {          data1:
原创 2022-05-26 12:33:07
366阅读
# Vue Axios 切换 baseURL:灵活处理多个 API 的最佳实践 在前端开发中,使用 Axios 进行 API 请求是相当普遍的。然而,当项目的需求越来越复杂,需要同时与多个 API 进行交互时,我们可能会面临一个问题:如何灵活地切换 Axios 的 `baseURL`。本文将为你详细介绍如何在 Vue 项目中实现此功能,并且提供相应的代码示例来帮助理解。 ## 什么是 base
原创 8月前
54阅读
<style> .active{ color: red; } div a{ display: block; } </style> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <body> <!-- 1 循环
原创 2022-09-01 18:05:29
228阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
转载 2021-09-14 21:31:00
288阅读
2评论
学习vue实现了简单的图片切换,通过点击图片两侧的箭头就可以了 箭头部分使用css定位完成 使用数组imArr存入不同图片地址,然后u放入:scr 就可以了,另外index作为数组下标记,点击切换箭头,调用函数index++ /-- <!DOCTYPE html> <html lang="en"> ...
转载 2021-08-10 13:22:00
178阅读
2评论
vue+scss切换主题色1.创建global.scss样式文件,在app.vue 引入@import '@/assets/style/global.scss'; 2.dark.scss和light.scss为两个主题色样式配置变量文件,在global.scss中引入。两个文件定义样式变量,分别引用theme.scss,用于定义类名使用样式//globals.scss @import "./the
原创 2023-10-16 14:47:24
307阅读
nav点击切换实现效果展示data() { return { active: 0, nav: [{value: 0, txt: '全部'}, {value: 1, txt: '待审核'}, {value: 2, txt: '已通过'}, {value: 3, txt: '未通过'}] }}<view class="shareOrder-nav" v-if=""> &l
原创 2022-09-20 21:09:32
143阅读
图标切换
原创 2021-05-20 10:29:42
1286阅读
# Android Vue页面切换 ## 简介 在Android开发中,使用Vue框架开发的应用程序越来越受欢迎。Vue框架提供了一种可组件化的方式来构建用户界面,同时也提供了灵活的数据绑定和响应式的UI更新。在Vue应用中,页面切换是一个常见的需求,本文将介绍如何在Android应用中实现Vue页面的切换。 ## 前提条件 在开始之前,需要确保你已经搭建好了Android开发环境,并且已经安
原创 2023-12-09 13:12:03
64阅读
在项目开发中,我们经常会碰到Tab切换的功能,而在Vue中想实现这样的功能也应该有很多种,常用的三种应该是 Tab路由切换、Tab动态组件切换、通过v-show设置Tab显示隐藏。每种方法实现起来其实都不难,看看官网介绍或看几篇博客应该就能实现。但这里面其实还有很多细节需要我们去做,如Tab切换时,切换过的Tab组件状态怎样缓存在项目中经常会有 页面A -> 页面B -> 页面C 则从
  • 1
  • 2
  • 3
  • 4
  • 5