Vue里面的html代码里不能直接写跳转吗？会报错Cannot read property '$router' of null

Question

<li class="col25" @click="this.$router.push({name:'RentList'})"><img width="32px" height="32px" src="../assets/images/home1.png"/><span style="display:block;">我的租房</span></li>

难道一定要把js代码写在method里？

Answer 1

1、在进行模板渲染的时候，这里是没有 $router 对象的， vue 提供有 <router-link to="/foo">Go to Foo</router-link> 供模板路由。

Answer 2

this指向不对
直接 @click="$router.push({....})"

Answer 3

去掉this就行了