小编bli*_*ick的帖子

页面刷新时丢失 router.params

我遇到了 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尽管页面重新加载,我该如何保存?

vue.js vue-router vuejs2

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

多行文本使 svg 缩小

我正在尝试使用 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)

html css svg flexbox

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

标签 统计

css ×1

flexbox ×1

html ×1

svg ×1

vue-router ×1

vue.js ×1

vuejs2 ×1