好的,简单地解释一下:
我有3x页面.
第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()
很想知道是否有办法这样做,因为我在文档中找不到它.
提前致谢!约翰
在我的帖子请求中,我想检查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 = Mary,Main.js返回“未定义”。如果我console.log(names)返回数组。但console.log(names[0])未定义。如果我将数组复制并粘贴到Main.js文件中,它会按预期工作。
我想把数组放在另一个文件中,只是为了清理一下。但我做错了什么?
我有一个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循环,但是我发现在反应中很难做,我应该怎么做?
因此,我有一个图像背景,我希望它能填满屏幕的高度,具体取决于屏幕尺寸,笔记本电脑,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)
对不起,如果这是一个非常明显的问题需要解决.我所试图做的是有一个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/
在此先感谢您的任何帮助和提示!-约翰
如此简单的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内有一个链接,但是我无法单击它,因为这样做会在触发链接之前模糊输入字段。有人对如何更好地做到这一点有任何建议吗?