通过router-link切换的子组件如何将变量传给父组件

Question

cover_url是子组件中的变量 是通过router-link进行切换的 那要如何传到ul所在的府组件中 不考虑vuex的情况下

Answer 1

this.$route.query

Answer 2

通过props可以传，this.$route.query传的是？后面的参数，this.$route.paramas传的是？前的

Answer 3

父组件拿子组件的值：

<router-link ref='zizujian'>

this.$refs就可以拿到子组件的整个组件，拿数据this.$refs.msg,调用方法this.$refs.add().

你这里就是点击这了link就会把id带入子组件中，通过this.$route.params.id获取url传过来的id

Answer 4

首先在vue中 子组件传数据给父组件的方法有3种
第一种：自定义事件（event up）子组件触发$emit来传递值给父组件
第二种：vuex（这种题主你已经不考虑）
第三种：通过url参数进行传值，这种情况使用还是要考虑具体场景，不然会显得很不“优雅”

Answer 5

这个是链接传递参数到指定路由

<!--查看按钮-->
<router-link :to="{ path: 'factoryToFind', query: { factoryId: scope.row.id }}">
    <el-button type="text">查看</el-button>
</router-link>

这个是接收刚传过来的参数：

return {
    id: this.$route.query.factoryId
}

详细代码推荐你3篇文章，希望对你有用：

1. vuejs+element ui+ssm+maven实现登陆注册功能

2. vuejs+element ui+ssm+maven实现表格分页

3. vuejs+element ui+ssm+maven实现CRUD