小编Joh*_*107的帖子

如何在vue-router上返回/路由回来?

好的,简单地解释一下:

我有3x页面.

  • 第1页(首页)
  • 第2页(菜单)
  • 第3页(关于)

第1页有 -

<router-link  to="/menu">
Run Code Online (Sandbox Code Playgroud)

点击的按钮路由到"/ menu".

目前,第2页(菜单)有一个

<router-link  to="/">
Run Code Online (Sandbox Code Playgroud)

按钮,单击此按钮时,它将恢复到之前的位置"/"Page 1(Home).

但我不想为每个页面创建路由器组件以"返回"到上一页(就好像我有100页这可能是很多工作路由回来).有没有办法用vue-router做到这一点?类似于window.history.back()

很想知道是否有办法这样做,因为我在文档中找不到它.

提前致谢!约翰

javascript webpack vue.js vue-router vuejs2

43
推荐指数
5
解决办法
5万
查看次数

导出数组以在另一个 javascript 文件中使用

在我的帖子请求中,我想检查thisString另一个 javascript 文件数组中是否存在。

数组.js

exports.names = [
    'John',
    'Mary'
]
Run Code Online (Sandbox Code Playgroud)

主程序

if (names.includes(thisString)) {
    ...do stuff...
}
Run Code Online (Sandbox Code Playgroud)

如果thisString = MaryMain.js返回“未定义”。如果我console.log(names)返回数组。但console.log(names[0])未定义。如果我将数组复制并粘贴到Main.js文件中,它会按预期工作。

我想把数组放在另一个文件中,只是为了清理一下。但我做错了什么?

javascript arrays node.js

11
推荐指数
1
解决办法
2万
查看次数

每x秒迭代一次处于状态的对象

我有一个users处于状态的对象,我想对其进行迭代并每秒钟显示一个不同的用户x

这是我到目前为止的内容:

class DisplayUser extends Component {  constructor(props) {
    super(props);
    this.state = {
      users: [
        { name: 'batman', age: 25 },
        { name: 'spiderman', age: 27 },
        { name: 'superman', age: 26 }
      ]
    };
  }

  tick() {
    this.setState((prevState) => ({
      users: prevState.users
    }));
  }

  componentDidMount() {
    this.interval = setInterval(() => this.tick(), 1000);
  }

  componentWillUnmount() {
    clearInterval(this.interval);
  }

  render() {
    return <div>User: {this.state.users[0].name}</div>;
  }
}


Run Code Online (Sandbox Code Playgroud)

本质上是一个for循环,但是我发现在反应中很难做,我应该怎么做?

javascript reactjs

5
推荐指数
0
解决办法
56
查看次数

图像高度调整为屏幕高度

因此,我有一个图像背景,我希望它能填满屏幕的高度,具体取决于屏幕尺寸,笔记本电脑,ipad,手机等。

我希望高度调整为屏幕高度。

.mobile-cover {
    background: url(http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/08/Modern-wallpaper-10.jpg) center top;
    background-position-x: 50%;
    border: red 0px solid;
    width: 100%;
    visibility: visible;
    height: 600px;
}
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/tz2erwch/

html css height image screen

4
推荐指数
1
解决办法
1375
查看次数

fadeToggle div然后再回来

对不起,如果这是一个非常明显的问题需要解决.我所试图做的是有一个div,被替换时选择与选择另一格当"背"点击是恢复"回"老格.

这是我到目前为止:

$(document).ready(
    function() {
        $("#display-one").click(function() {
            $("#display-two").fadeToggle();
            $("#display-one").fadeToggle();
        });
    });
Run Code Online (Sandbox Code Playgroud)
#display-two {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div id="header">
    <div id="display-one"><a href="#">Dispay One</a></div>
</div>

<div id="display-two">
<p><a href="#">Display Two</a></p>
<h3>
<div id="back">
<a href="#">back</a>
</div>
</h3>
</div>
Run Code Online (Sandbox Code Playgroud)

这是一个JSFiddle:https://jsfiddle.net/uL8z87r7/1/

在此先感谢您的任何帮助和提示!-约翰

javascript jquery back toggle

3
推荐指数
1
解决办法
135
查看次数

单击div内的链接,该链接显示输入字段何时处于焦点

如此简单的CSS可以在焦点对准输入时显示div:

.ulclass {
  background: #f0a;
  display: none;
  height: 200px;
  width: 200px;
}
form:focus-within + ul.ulclass {
  display: block;
}
Run Code Online (Sandbox Code Playgroud)
<form>
  <input type="text" value="Enter some text here" class="inputclass">
</form>
<ul class="ulclass">
  <a href="https://google.com">link</a>
</ul>
Run Code Online (Sandbox Code Playgroud)

我在所显示的div内有一个链接,但是我无法单击它,因为这样做会在触发链接之前模糊输入字段。有人对如何更好地做到这一点有任何建议吗?

html javascript css

1
推荐指数
1
解决办法
48
查看次数

标签 统计

javascript ×5

css ×2

html ×2

arrays ×1

back ×1

height ×1

image ×1

jquery ×1

node.js ×1

reactjs ×1

screen ×1

toggle ×1

vue-router ×1

vue.js ×1

vuejs2 ×1

webpack ×1