前端页面
<a href="javascript:;" v-for="recommend in product_alls">
<router-link :to="{name:'show',params:{id:recommend.id}}">
<img :src="recommend.image">
</router-link>
</a>
从后端接口里面 取出所有商品product_alls
,前端循环取出,<router-link>跳转到对应页面,但发现这样写完之后,是无法跳转到 还需要在下方<script>
里面添加页面监听路由跳转
watch:{
'$route':['init'] //监听当前页面路由跳转
},
就可以正常跳转了