vue传值

自己使用的方法，不对勿喷，欢迎指正

第一种父组件向子组件中传值

import deleteCompany from '@/v/s/i/c/d/deleteCompany '

components: { deleteCompany},

<deleteCompany :key="DateMath" ref="deleteCompanyAudit"  :id=“id” />

父组件向子组件中传值 需要在引用组件的地方

image.png

然后子组件中

props: ['id'],//获取接收//在子组件中使用   就直接this.id

第二种子组件向父组件中传值

//在应用的组件中加一个ref属性
<deleteCompany ref="delecom" :key="DateMath" ref="deleteCompanyAudit" />

在父组件用的时候

this.$refs.delecom.getList();

同级组件中路由传值

第一种同级组件中传值 用path（拼接正确的path路径）和query传值刷新页面传输数据不丢失

this.$router.push({
                path: '/como/delett',//这里是拼接好的path路径 不懂就看你将跳转的页面上的网页路由
                query: {
                    row: JSON.stringify(row)
                }
})

if (this.$route.query && this.$route.query.row) {//接收 
 this.rowers = JSON.parse(this.$route.query.row)
}

第二种同级组件中传值用name（路径的name值）和params传值刷新页面传输数据会丢失

this.$router.push({
                name: 'delete',//这里是name值  不是路径  切记
                params: {
                    companyType: 'fanhui'
                }
})

console.log(this.$route.params.companyType)//接收