页面传参,怎么传?

	import { useRouter } from "vue-router";//引入router
	let router = useRouter();
    router.push({ path ,query:{//要传得参数全在这里面}});

或者使用:to传参
一样得:to=“‘index.vue’,{//这里面是参数}”
接收参数 怎么接收

import { useRouter } from "vue-router";
let router = useRouter();
console.log(router.currentRoute._rawValue.query)
//这个对象就是你要接收得数据对象

组件传参 父传子
父页面

<TopTable :title="comMsg"></TopTable>

<script setup>
	let comMsg: Title = {
		status: 1,
		text1: "米企身份验证",
		text2: "大米收购数据提交",
		text3: "农户验证",
		remark: '备注:大米收购数据提交用于匹配米企申请稻香五常正品防伪标签数量',
		border: true,
	}
</script>

子页面

<script setup>
	import { reactive, onMounted, ref} from 'vue'
	const props = defineProps({
		title: Object,
	})
</script>

组件传参 子传父

子组件

// 关闭方法
//需要传参的方法名称 集合
let emit = defineEmits(["childClose", 'aaa','bbb'])
function closePop() {
	//第一个参数是给父组件的方法属性名(childClose)  第二个参数是携带的值(false)
    emit("childClose", false)
}

父组件

<RukuSetVue @childClose="closePop"></RukuSetVue>
<script setup>
function closePop() {
    popStu.value = false
}
</script>

Logo

前往低代码交流专区

更多推荐