vue3 页面传参and组件传参<script setup>
页面传参,怎么传?import { useRouter } from "vue-router";//引入routerlet router = useRouter();router.push({ path ,query:{//要传得参数全在这里面}});或者使用:to传参一样得:to="‘index.vue’,{//这里面是参数}"接收参数 怎么接收import { useRouter } from
·
页面传参,怎么传?
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>
更多推荐
已为社区贡献2条内容
所有评论(0)