我遇到了 vue-router 的问题。
我在主页上得到了一个帖子列表。当我单击其中之一时,它会重定向到帖子页面,例如:
<router-link :to="{ name: 'article', params: {id: article.id, slug: article.slug } }"></router-link>
一切正常,我可以this.$route.params.id在 getter 中检索正确文章的数据。
我的问题:当我在文章页面上重新加载时,this.$route.params.id未定义,这会导致整个应用程序崩溃。
router.params尽管页面重新加载,我该如何保存?
我正在尝试使用 svg + text 和 flexbox 创建行,但遇到了问题。
当文本太长并且需要 2 行时,svg 会缩小。线条越多,收缩得越多
注意:svg暂时是一个占位符
这是代码:
<div class="wrapper">
<div class="container">
<div class="svg"></div>
<p>lorem</p>
</div>
<div class="container">
<div class="svg"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
还有CSS:
.wrapper {
width: 800px;
margin-right: auto;
margin-left: auto;
display: flex;
flex-direction: column;
padding: 40px 12px;
}
.container {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.svg { …Run Code Online (Sandbox Code Playgroud)