antfu / unplugin-vue2-script-setup

💡 Bring `<script setup>` to Vue 2.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

来自vue-router (3.4.9) 的props似乎无效

isanonymous opened this issue · comments

来自vue-router的props似乎无效

https://v3.router.vuejs.org/zh/guide/essentials/passing-props.html

依赖的版本:
"unplugin-vue2-script-setup": "^0.9.3",
"@vue/composition-api": "^1.4.6",
"vue-router": "3.4.9",
"vue": "2.6.12",

路由定义

{
  path: '/my_path',
  component: MyComp,
  props:rt=> {return ({dId:rt.query.dId, name:rt.query.name, code:rt.query.code})},
}

传参代码

setup(props, {attrs, emit, slots, root} ) {
  root.$router.push({path:'/my_path', query:{dId:'row.id', name:'row.equipmentName', code:'row.equipmentCode' }})
}

// props中的3个属性都为undefined

vue代码

// 在<script  setup>中
const props = defineProps({
  dId:{type:String, required:true},
  name:{type:String},
  code:{type:[String,Number]},
});
// props中的3个属性都为undefined
console.log("---proops---", props);

在最新版本可以正常工作