我正在开发一些应用程序,遇到了一个奇怪的问题,当我在路由之间导航时,选项卡图标不断从我设置的(右侧)切换到 ReactJS 图标。 在我的 HTML 文件中,我有适当链接的图标(或者至少我认为),那么有什么问题呢?

鉴于我什至没有使用 React 而是使用 Vue.js 2,这尤其奇怪。发生了什么,我该如何解决这个问题?

我不确定代码片段会有所帮助,但下面是我的根 HTML。

HTML 头部部分

<head>
    <meta charset="utf-8">
    <title>RGB Guessing Game</title>
    <link rel="icon" href="./static/colors.ico">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Oxygen:300,400,500,700,400italic">
</head>

另外,这是两个选项卡图标版本的照片

正确的版本

在此处输入图片说明

错误的(反应)版本

在此处输入图片说明

#1楼 票数:3

在 public 文件夹中,有一个名为 manifest.json 的文件。 文件内有一个关于图标的部分。 只需将图标的名称更改为您的特定名称即可。 公共文件夹中还有 index.html。 找到说 . 在那里也更改名称。

  ask by Collins Orlando translate from so

未解决问题?本站智能推荐:

1回复

使用 Vue.js 2 在 HTML 中打印一个图标 + 一个变量 + 一个字符串

我有一个函数应该返回这个: 其中 lastMessageShort 是来自对象数组的值。 在 HTML 中,一切正常,直到我尝试打印图标。 在 HTML 中,打印的代码部分是这样的: 该函数从之前的 v-for 获取索引,但这部分工作正常。 那么如何在 HTML 中打印图标以及其他元素呢?
1回复

在父Vuejs中从孩子更改道具

所以我有一个带有四个选项卡的Tabs.vue组件: 现在,我具有包含以下内容的父组件App.vue : 我的目标是点击让我们说第一个标签在Tabs.vue并借此改变从假“showFirstTab”为true App.vue。 然后,如果我单击Tabs.vue中的第二个选项卡,
3回复

延迟更改样式

我想在单击按钮后延迟一些时间来切换div的样式。 如果我简单地使用类似this.customEffect = 'blueborder';的代码,则代码可以正常工作this.customEffect = 'blueborder'; 没有超时。 new Vue({ el: '
1回复

在chart.js/vue.js中单击按钮时更改数据

我有这个气泡图,如果一个数据点,值 2 > 1,000 ; 我希望将其颜色更改为黄色。 默认情况下,每个值点为 = 1,000 ; 如果用户点击气泡,我希望它是 = 6,000; 因此使气泡从蓝色(默认)变为黄色。 我能够执行逻辑,在控制台中它显示了正确的值,但我试图弄清楚如何:
1回复

Vue.js - 单文件组件 - 未知的自定义元素

我得到了一个名为“ MobileApps.vue ”的简单单文件组件: 并注册它: }); 当我尝试使用<MobileApps>组件打开 HTML 文件时,我会收到错误消息: vue.esm.js:628 [Vue 警告]:未知的自定义元素:-您是否正确注册了组件?
4回复

为什么 v-bind:class 不起作用?

我正在 VueJS 中学习 v-bind:class 但我遇到了一些问题。 这是我的代码 var myApp = new Vue({ el: "#result", data: { isActive: true } }); .red { color: red } <sc
1回复

为什么不使用Vue JS在HTML中动态传递所有值?

我在laravel中使用vue js。 我传递了多个变量给vuejs组件(模板),我可以成功传递几个变量。 但是其中有几个未通过,显示Empty(“”)。 HTML (模板): HTML (数据源): VueJS : 输出 : 如果我单击“网格”
1回复

如何在尚未评估的情况下将变量传递给自定义组件?

我有一个自定义组件: 当我调用它时: 自定义组件接收 'readonly' 属性作为文字字符串"device_config.some_setting"而不是包含在device_config.some_setting的值。 如何让我的自定义组件使字段只读依赖于传入的调用组件模型中的值?