Question

我无法使活动按钮（router-link标签）亮起。

这是我的代码：

import os
import urllib.request as ulib
from bs4 import BeautifulSoup as Soup
import json
from urllib.request import FancyURLopener
from urllib.request import Request, urlopen
import requests

url_a = 'https://www.google.com/search?ei=1m7NWePfFYaGmQG51q7IBg&hl=en&q={}'
url_b = '\&tbm=isch&ved=0ahUKEwjjovnD7sjWAhUGQyYKHTmrC2kQuT0I7gEoAQ&start={}'
url_c = '\&yv=2&vet=10ahUKEwjjovnD7sjWAhUGQyYKHTmrC2kQuT0I7gEoAQ.1m7NWePfFYaGmQG51q7IBg'
url_d = '\.i&ijn=1&asearch=ichunk&async=_id:rg_s,_pms:s'
url_base = ''.join((url_a, url_b, url_c, url_d))

headers = {'User-Agent': 'Chrome/74.0.3729.131 Mozilla/5.0'}

def get_links(search_name):
    search_name = search_name.replace(' ', '+')
    url = url_base.format(search_name, 0)
    request = ulib.Request(url, None, headers)
    json_string = ulib.urlopen(request).read()
    page = json.loads(json_string)
    new_soup = Soup(page[1][1], 'lxml')
    images = new_soup.find_all('img')
    links = [image['src'] for image in images]
    return links

当我打印出<div class="bottom-buttons"> <span v-for="button in buttons" class="button" :class="{ 'is-active': $route.path === button.path}"> <router-link :to="button.path"> <i :class="button.iclass"></i> <p class="button-label">{{button.label}} </p> </router-link> </span> </div>时，它将返回正确的路径，而$route.path是我在数据对象中拥有的数据，并且可以正常工作。因此，条件应该是正确的。但是button.path类未激活。（此线程：VueJS exact-active-class）

如果我对'is-active'类进行硬编码，它将起作用。

当我使用'is-active'时，它有效，但是a:hover, a:visited, a:link不起作用：D。我已经尝试过a:active，但是它不起作用。（此线程：How to VueJS router-link active style）

我尝试按照建议在a:router-link-active文件中添加linkActiveClass: 'is-active'。这是行不通的。（此线程：Bulma navbar and VueJS router active link）

有人知道为什么吗？还是有更多建议？预先谢谢你！

Answer 1

看来您的问题出在课堂上。也许尝试在您的-2147483596中使用==而不是===？

如果我有足够的声誉，我会添加评论而不是answear：）

VueJS活动路由器链接不起作用，尝试了多种方式

1 个答案: