Vue开发路上遇到的坑儿们

发表于 阅读次数： 本文字数： 407 阅读时长 ≈ 1 分钟

开篇

此文仅用于记录vue开发中遇到的各种奇葩事。

错误

项目不报错但是路由不加载

前方预警：这是个低级错误Orz
index.js

1
2
3
4
5
6
7
8
9
10
11
routes: [
    {
      path: '/',
      name: 'Index',
      component: {
        nav: Navv,
        main: Index,
        footer: Footter
      }
    }
]

App.vue

1
2
3
4
5
6
7
<template>
  <div id="app">
    <router-view name="nav"></router-view>
    <router-view name="main"></router-view>
    <router-view name="footer"></router-view>
  </div>
</template>

如果你和我一样是只小白菜，可能咋一看会发现没什么毛病，仔细一看就会发现路由配置里的components被我写成了·component·。。
vue中到目前为止我知道的两种路由配置方式:

1
2
3
4
5
6
7
8
// 第一种
...
component: navv
...
// 第二种
components: {
	navv
}

over, 经验值 +1

Failed to execute ‘setAttribute’ on ‘Element’: ‘method+’ is not a valid attribute name.

由于项目中引入了饿了么开发的组件库·element-ui·，所以一度以为是和我引入的css文件起了冲突？？甚至我还去执行了npm uninstall element-ui这条命令。最后实在没办法了，一段一段代码排查问题，找到一个诡异的地方。。

1
2
3
4
<form action="/listTopic" method+="post">
  <input name="topicName" type="text" class="search-input" placeholder="搜索你感兴趣的内容...">
  <button type="submit" class="search-button"><i class="sprite-search"></i></button>
</form>

噗。。form标签下的method方法多了个+号。。。想拿头去撞豆腐了。
ok，经验值 +1