java如何设置标签的,我如何设置活动标签的样式?
我有一个父组件(Vue)和子组件 .
我有几个通过改变当前数据在组件之间切换的元素 .
问题是我不知道如何标记活动标签 .
我做了很多事情,在更新的,更新的,已安装的,创建的,在之前创建的生命挂钩之间切换 . 但没有任何效果 .
此代码仅适用于初始加载(即“Home”),我希望它只能设置活动的样式,而不是其他任何内容 . 但它没有悲伤地工作 .
大多数情况下,它既可以工作但可以对所有访问过的链接进行样式处理,或者根本不起作用或在初始活动选项卡上工作(如此)
父组件的重要代码部分:
{{navbar.Home}}
{{navbar.Reservation}}
{{navbar.About}}
{{navbar.Contact}}
Sign Up
Copyright © All Rights Reserved
import Home from "./components/Home.vue";
import Aboutus from "./components/About us.vue";
import Contact from "./components/Contact.vue";
import Reservation from "./components/Reservation.vue";
import Signup from "./components/Signup.vue";
export default {
components: {
Home: Home,
"About-us": Aboutus,
Contact: Contact,
Reservation: Reservation,
Signup: Signup
},
data() {
return {
navbar: {
Home: "Home",
Reservation: "Reservation",
About: "About us",
Contact: "Contact"
},
current: "Home"
};
},
mounted: function() {
let actie = document.querySelector("." + this.current);
actie.className = "active";
},
beforeUpdate: function() {
let actie = document.querySelector("." + this.current);
actie.className = "none";
},
methods: {}
};
java如何设置标签的,我如何设置活动标签的样式?相关推荐
- java图标中设置背景、文本框设置大小、标签中字体的格式
ImageIcon icon = new ImageIcon("C:\\Users\\lenovo\\Pictures\\Saved Pictures\\小.jpg");dayBt ...
- java使用教程——组件及事件处理——窗口(设置窗口的颜色和背景)
用JFrame时,设置背景颜色需使用JFrame.getContentPane().setBackground(Color.red) Container con=this.getContentPane ...
- java jframe 设置背景图片_JFrame如何设置背景图片
代码: import java.awt.FlowLayout; import javax.swing.ImageIcon; import javax.swing.JButton; import jav ...
- Java之开发工具(1) - Eclipse 如何设置注释的模板
最常用的注释就是对类的说明和方法的说明,关于这类代码的注释方式,在Eclipse中可以这样进行设置: windows---preferences...---java--code style--code ...
- Java如何设置word中某段文字的字体/段落样式
前言: 在我们的OA系统中,有时需要将某段文字字体/大小/颜色/段落样式做一个统一修改,或者直接在某个位置插入一段带样式的内容.这就需要我们学习微软activex控件的使用了.但是这需要开发者具备将a ...
- HttpUrlConnection底层实现和关于java host绑定ip即时生效的设置及分析
最近有个需求需要对于获取URL页面进行host绑定并且立即生效,在java里面实现可以用代理服务器来实现:因为在测试环境下可能需要通过绑定来访问测试环境的应用 实现代码如下: public stati ...
- python使用matplotlib可视化:设置坐标轴的范围、设置主次坐标轴刻度、坐标轴刻度显示样式、坐标轴刻度数颜色、小数点位数、坐标轴刻度网格线、线条类型、数据点形状标签、文本字体、颜色、大小等
python使用matplotlib可视化:设置坐标轴的范围.设置主次坐标轴刻度.坐标轴刻度显示样式.坐标轴刻度数颜色.小数点位数.坐标轴刻度网格线.线条类型.数据点形状标签.文本字体.颜色.大小等 ...
- idea java添加属性快捷键_Intellij IDEA 常用 设置 及 快捷键 (持续更新)
Transparent native-to-ascii conversion以下设置都可以通过 设置中的搜索框 进行关键字搜索 0, 打开Project 设置 Command + ; 1, 打开Mod ...
- idea 设置java内存_java相关:IntelliJ IDEA设置显示内存指示器和设置内存大小的方法...
java相关:IntelliJ IDEA设置显示内存指示器和设置内存大小的方法 发布于 2020-7-4| 复制链接 摘记: 一.设置显示内存指示器idea默认情况下,是不显示当前内存使用情况的,可以 ...
最新文章
- try catch finally语句详解
- matlab2014a 3d标定,[转载]张的matlab摄像机标定
- python应用POP3、IMAP、SMTP 协议,获取邮箱验证码
- (JAVA)超大整数运算
- php写不了php,php写入内存不足怎么办
- express 设置handlebars模板引擎
- C#-Activex插件操作指南
- 拓端tecdat|R语言多元时间序列滚动预测:ARIMA、回归、ARIMAX模型分析
- 电子初学者需要掌握的几款电子设计软件
- 数学建模论文书写总结
- Webpower携手梅花网,打造优雅的SaaS产品服务
- 图说区块链:神一样的金融科技与未来社会
- 数字逻辑练习题(四)用卡诺图化简下面的函数为最简“与-或”式
- 操作系统——文件存储管理
- 体验AI拜年新姿势,爱奇艺技术团队这波操作真秀!
- [论文翻译]数据集的domian问题:Intramodality Domain Adaptation Using Self Ensembling and Adversarial Training
- 可取回的国内csgo开箱网站incsgo开箱
- Docker系列五基于CentOS制造镜像
- nyoj-891-找点
- 理票侠打开OFD格式发票步骤
热门文章
- 硬件趣学python编程_没有人比我更懂编程,慧编程'吮指编辑器',简单快乐学python...
- Dcloud离线打包-android-AndroidStudio
- 两块SAS 300G硬盘故障 数据恢复记录
- android语音识别之科大讯飞语音API的使用
- java 方法名类名命名规范
- realme x2 深度测试打不开_Realme X2/X2 Pro支持深度测试-官方解锁BootLoader图文教程...
- 常用元器件(三)电感
- 微信小程序(1)-用户头像-昵称的获取及其UI设计
- android从应用到驱动之—camera(1)---程序调用流程
- 百度地图开发(二)之添加覆盖物 地理编码和反地理编码