vue.js中类名动态 和 uniapp对比

最新推荐文章于 2024-07-01 17:56:59 发布
最新推荐文章于 2024-07-01 17:56:59 发布
阅读量619 收藏
点赞数
文章标签： vue 点击切换类 actvie uniApp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/I_Huang/article/details/101614626
版权

点击动态切换active类名 上面是点击动态切换active类名；

动态确认当前点击的哪一项 点击当前项切换Actvie类名

效果图
点击循环切换actvie

下面是uni-app 同样功能的代码
注 uniapp 的动态确认当前项的
在这里插入图片描述

biu·biu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
什么是Uniapp以及Uniapp和Vue的区别
BCYHCH的博客
06-20 1万+
是一款基于Vue.js框架的跨平台应用开发框架，它具有跨平台开发、统一的开发语言和工具、独特的基于条件编译的代码生成技术、多种组件库支持等特点和优势。提供了多种应用程序部署方式，包括H5、微信小程序、支付宝小程序、百度智能小程序、头条小程序、QQ小程序、360小程序、App、快应用等。编写完成后，可以使用HBuilder X内置的打包工具，生成多种应用程序包，如H5、微信小程序、支付宝小程序、百度智能小程序、头条小程序、QQ小程序、360小程序、App、快应用等。、独特的基于条件编译的代码生成技术。
vue动态添加类名
weixin_39936058的博客
02-20 3638
<template> <div> <h2>动态添加类名</h2> <!-- 第一种方式:对象的形式 --> <!-- 第一个参数 类名， 第二个参数：boolean值 --> <!-- 对象的形式: 用花括号包裹起来，类名用引号， --&gt
Vue和Uni-app的区别
weixin_49237787的博客
03-29 1962
有一些HTML标签转换成了小程序特有的标签： - div 改成 view - span、font 改成 text - a 改成 navigator - img 改成 image - input 还在，但type属性改成了confirmtype - select改成 picker - iframe 改成 web-view - ul、li没有了，都用view替代 - 有一些老标签其实还是可以使用的 它在运行的时候会自动转换成新标签 但不推荐这样使用因为这样调试H5端时容易混乱 还有一些除改
vue怎么动态设置类名和样式？
宇珩的博客
07-01 632
vue动态设置类名和样式
uniapp动态绑定多个类名
yzm521314的博客
08-19 2445
uniapp绑定多个类名，互不影响
vue动态 设置类名
weixin_33819479的博客
08-02 175
<div class="tab"> <navigator :class="currentTab=='mzfw'?'nav active': 'nav'" data-id="mzfw" @click="switchTab('switchTab',$event)" open-type="navigator" url="">门诊服务</navigator>...
考试成绩记录分析小程序（云开发、uniapp）
04-16
1. **uniapp框架**：uniapp是DCloud（数字天堂）推出的一款基于Vue.js开发的多端合一的框架，它允许开发者编写一次代码，发布到多个平台，包括微信、支付宝、百度、QQ等小程序，快应用以及H5。uniapp提供了丰富的API...
解决vue scoped scss 无效的问题
11-19
4. **使用JavaScript动态绑定样式**：如果以上方法都不适用，可以通过JavaScript动态地修改元素的`style`属性，但这通常不推荐，因为不利于维护和性能优化。 总的来说，修改`scoped`中的`scss`样式主要依赖于`/deep...
uniapp富文本框整理，详情请查看官方文档
10-25
uni-app是一个多端开发框架，它基于Vue.js，可以一次编写，多端运行，覆盖H5、小程序、App等平台。在uni-app的官方文档中，我们可以找到关于富文本框的详细信息和使用方法。 富文本框在uni-app中的组件名为`...
360度旋转图片插件UIMIX.fullview.zip
07-04
360度旋转图片插件通过JavaScript实现，它能够动态地改变图片角度，让用户仿佛可以手动旋转物体，这对于电子商务平台上的商品展示或任何需要详细查看细节的场景特别有用。UIMIX.fullview插件可能包含以下核心组成...
uni-app跨平台移动应用开发教程
10-30
ES6引入了模板字符串，允许在字符串中嵌入变量和其他JavaScript表达式，使得字符串拼接更加直观简洁。 - **语法**: - 示例: ```javascript const name = "张三"; const message = `Hello, ${name}!`; console....
uniapp基础知识.md
04-10
`uni-app` 是一个使用 [Vue.js](https://vuejs.org/) 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，`uni-app`同时也是更好的小程序开发框架。 具有vue和微信小程序的开发经验，可快速上手uni-app
uniapp与vue的区别
zzx262625的博客
12-17 2383
它通过使用Vue的语法和组件化开发模式，实现了一套代码可以在多个平台上运行的能力。而Uniapp在Vue的基础上，还提供了一些专门用于跨平台开发的组件和API，如uni-ui组件库、uni.request等。需要注意的是，虽然Uniapp是基于Vue的，但并不代表Uniapp中所有Vue的特性和功能都可以完全支持。在使用Uniapp时，需要根据Uniapp的文档和规范进行开发，了解其特有的API和组件。总结：Vue是一种用于构建Web界面的框架，而Uniapp是基于Vue的跨平台框架，用于开发多端应用。
vue框架和uniapp框架区别,前端vue和uniapp哪个好用
热门推荐
aifans_bert的博客
09-14 1万+
第三，跨平台的能力，uni-app能够跨多个终端，H5，安卓，Ios，微信小程序，百度小程序，头条小程序，支付宝小程序，真正实现了一套代码，多端运行，而且很好适应了我国的市场。为什么会选择它呢，第一，vue语法，学习成本低，上手速度快，只要之前你做过vue的项目，那么就能很快上手，其实是vue和微信小程序的结合体，一半vue，一半微信小程序。2，低端机跑程序的话，如果内容复杂了，会比较卡，我们在测试直播连麦的时候，有些操作反复做，比如连麦挂断，在低端机会闪退，究其原因我也不清楚是怎么回事。
uniapp和vue的区别？
zybijiso666的博客
03-31 1447
而 Uni-app 则是基于 Vue.js 的封装，提供了一些特定于跨平台开发的 API 和组件，使得开发者可以更方便地进行跨平台应用的开发。由于 Uni-app 提供了一套完整的跨平台开发解决方案，使得开发者可以使用相似的语法和工具来开发不同平台的应用，因此在一定程度上简化了开发流程。总的来说，Uni-app 是 Vue.js 的一种衍生，旨在解决跨平台开发的问题，提供了一套完整的解决方案。Uni-app 是为了解决一套代码多端运行的问题而设计的，支持在多个平台上运行，包括微信小程序、App、H5 等。
补充一些前端面试题
m0_62877814的博客
02-12 2519
新整理的一些前端面试题
uni-app怎么用？和vue对比记忆一文教会你
haixtx的博客
05-07 1227
这篇文章记录了我学习uni-app以及在项目中使用uni-app过程中所总结的笔记，以这篇文章记录下来，供你们和我自己对uni-app进行整体的复习和巩固
uni app 动态绑定多个类名
_NIXIAKF的博客
07-21 2578
<button type="default" :class="[act_this==1?'actbtn':'collect','btnhandle']">分享</button> 一个是动态类名，一个是本来就需要的类名，所以是以数组的形式设置的。
vue.js实现自定义tab滑动切换效果
lemon今天学习了吗？的博客
08-25 4648
前言：在使用uni-app组件时，需求方要求点击头部的tab切换时，首尾两个点击就在最前面和最后面高亮显示即可，中间的要求选中哪个tab哪个tab就在滑到最中间显示。如this.$refs.myTabRef.$el获取的就是该标签的类名my-tab。如this.$refs.myTabRef获取的myTabRef这个组件，可以使用myTabRef上的方法。获取组件实例 ，可以使用组件的所有方法 （使用在组件上）。vm.$refs：获取页面中所有含有ref属性的DOM元素（普通元素）。...
uniapp 动态style
最新发布
08-23
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，可以编译到 iOS、Android、H5、以及各种小程序等多个平台。在 uni-app 中，动态地改变样式（Style）可以通过绑定样式类名或直接操作样式对象来实现。 1. 绑定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值