[网站搭建踩坑记录 ]

哈喽哈喽，这里是小菜不拖延博主！

春日打卡day5~

知识打气筒

line-height

把文字的行高和盒子高度设置为一样即可

页面跳转的几种写法

a标签

我们最熟悉的跳转就是通过a标签了
<a href="跳转路径"></a?

$router.push()

方法一：

$router.push("路径")

方法二：

$router.push({name:"页面名字"})

报错

push括号内报错

@click="$event =>$router.push("/honoreditor")荣誉墙

原因：双引号需使用单引号

盒子溢出屏幕

问题：main——container是最外层的盒子，但是main-contexnt超出了 main-container，且溢出屏幕

.main_content{
    box-sizing: border-box;
    padding: 65px 0px 70px 15px;//距离顶部高度，和banner高度相同
    margin-left: 250px;
    height:100%;
    // background-color: #804949;
    width:100%;

原因：给了main-content：margin-left，那么此时盒子就会被挤着向右边移动，所以多出来一截

导航报错

问题：dundant navigation to current location: "/articleEditor". at createRouterError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1714:15) at createNavigationDuplicatedError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1702:15) at HTML5History.confirmTransition (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1964:18) at HTML5History.transitionTo (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1900:8) at HTML5History.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2183:10) at eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2531:24) at new Promise (

出现这个问题的原因是，我们已经在需要跳转的界面了，当我们已经跳转之后，又点击了跳转就会出现此错误，所以我们需要对这个进行控制

解决：解决这个问题有很多方法，我们在这里先提供一种简单的，详细的我们将会在下一篇文章当中讲解。

使用wangeditor报错

问题：Module not found: Error: Can't resolve '@wangeditor/editor' in 'D:\project\208website\208admin\node_modules@wangeditor\editor-for-vue\dist' @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/editor.vue?vue&type=script&lang=js& 2:0-61 6:4-10 7:4-11

出现这个问题纯纯粗心，注意看文档啊（我看的安装那部分的文档，他是所有react和vue首先都需要安装同一个东西，再分别安装一个不同的，一共要安装两个，注意看）

解决：注意需要安装两个东西

yarn add @wangeditor/editor
# 或者 npm install @wangeditor/editor --save

yarn add @wangeditor/editor-for-vue
# 或者 npm install @wangeditor/editor-for-vue --save