我有一个父组件(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如何设置标签的,我如何设置活动标签的样式?相关推荐

  1. java图标中设置背景、文本框设置大小、标签中字体的格式

    ImageIcon icon = new ImageIcon("C:\\Users\\lenovo\\Pictures\\Saved Pictures\\小.jpg");dayBt ...

  2. java使用教程——组件及事件处理——窗口(设置窗口的颜色和背景)

    用JFrame时,设置背景颜色需使用JFrame.getContentPane().setBackground(Color.red) Container con=this.getContentPane ...

  3. java jframe 设置背景图片_JFrame如何设置背景图片

    代码: import java.awt.FlowLayout; import javax.swing.ImageIcon; import javax.swing.JButton; import jav ...

  4. Java之开发工具(1) - Eclipse 如何设置注释的模板

    最常用的注释就是对类的说明和方法的说明,关于这类代码的注释方式,在Eclipse中可以这样进行设置: windows---preferences...---java--code style--code ...

  5. Java如何设置word中某段文字的字体/段落样式

    前言: 在我们的OA系统中,有时需要将某段文字字体/大小/颜色/段落样式做一个统一修改,或者直接在某个位置插入一段带样式的内容.这就需要我们学习微软activex控件的使用了.但是这需要开发者具备将a ...

  6. HttpUrlConnection底层实现和关于java host绑定ip即时生效的设置及分析

    最近有个需求需要对于获取URL页面进行host绑定并且立即生效,在java里面实现可以用代理服务器来实现:因为在测试环境下可能需要通过绑定来访问测试环境的应用 实现代码如下: public stati ...

  7. python使用matplotlib可视化:设置坐标轴的范围、设置主次坐标轴刻度、坐标轴刻度显示样式、坐标轴刻度数颜色、小数点位数、坐标轴刻度网格线、线条类型、数据点形状标签、文本字体、颜色、大小等

    python使用matplotlib可视化:设置坐标轴的范围.设置主次坐标轴刻度.坐标轴刻度显示样式.坐标轴刻度数颜色.小数点位数.坐标轴刻度网格线.线条类型.数据点形状标签.文本字体.颜色.大小等 ...

  8. idea java添加属性快捷键_Intellij IDEA 常用 设置 及 快捷键 (持续更新)

    Transparent native-to-ascii conversion以下设置都可以通过 设置中的搜索框 进行关键字搜索 0, 打开Project 设置 Command + ; 1, 打开Mod ...

  9. idea 设置java内存_java相关:IntelliJ IDEA设置显示内存指示器和设置内存大小的方法...

    java相关:IntelliJ IDEA设置显示内存指示器和设置内存大小的方法 发布于 2020-7-4| 复制链接 摘记: 一.设置显示内存指示器idea默认情况下,是不显示当前内存使用情况的,可以 ...

最新文章

  1. try catch finally语句详解
  2. matlab2014a 3d标定,[转载]张的matlab摄像机标定
  3. python应用POP3、IMAP、SMTP 协议,获取邮箱验证码
  4. (JAVA)超大整数运算
  5. php写不了php,php写入内存不足怎么办
  6. express 设置handlebars模板引擎
  7. C#-Activex插件操作指南
  8. 拓端tecdat|R语言多元时间序列滚动预测:ARIMA、回归、ARIMAX模型分析
  9. 电子初学者需要掌握的几款电子设计软件
  10. 数学建模论文书写总结
  11. Webpower携手梅花网,打造优雅的SaaS产品服务
  12. 图说区块链:神一样的金融科技与未来社会
  13. 数字逻辑练习题(四)用卡诺图化简下面的函数为最简“与-或”式
  14. 操作系统——文件存储管理
  15. 体验AI拜年新姿势,爱奇艺技术团队这波操作真秀!
  16. [论文翻译]数据集的domian问题:Intramodality Domain Adaptation Using Self Ensembling and Adversarial Training
  17. 可取回的国内csgo开箱网站incsgo开箱
  18. Docker系列五基于CentOS制造镜像
  19. nyoj-891-找点
  20. 理票侠打开OFD格式发票步骤

热门文章

  1. 硬件趣学python编程_没有人比我更懂编程,慧编程'吮指编辑器',简单快乐学python...
  2. Dcloud离线打包-android-AndroidStudio
  3. 两块SAS 300G硬盘故障 数据恢复记录
  4. android语音识别之科大讯飞语音API的使用
  5. java 方法名类名命名规范
  6. realme x2 深度测试打不开_Realme X2/X2 Pro支持深度测试-官方解锁BootLoader图文教程...
  7. 常用元器件(三)电感
  8. 微信小程序(1)-用户头像-昵称的获取及其UI设计
  9. android从应用到驱动之—camera(1)---程序调用流程
  10. 百度地图开发(二)之添加覆盖物 地理编码和反地理编码