vue3 PropType 未能抛出错误怎么解决
如下代码:
父组件传到子组件的formValue 的name 是number类型的 并未抛出错误 这种问题怎么解决
子组件
// 子组件
<template>
<div>{
{
formValue.name }}</div>
</template>
<script lang="ts">
import type {
PropType } from "vue";
import {
defineComponent } from "vue";
export interface UserForm {
name: string;
age: number;
}
export default defineComponent({
props: {
formValue: {
type: Object as PropType<UserForm>,
required: true
}
},
});
</script>
父组件
// 父组件
<template>
<Slider :formValue="list"></Slider>
</template>
<script lang="ts">
import {
defineComponent } from 'vue'
import Slider from '../components/Slider.vue'
const Home = defineComponent({
components:{
Slider
},
data() {
return {
list:{
name: 111, age: 1 }
}
},
created() {
console.log('routerList', this.$route)
console.log(this)
},
methods: {
hello() {
console.log('hahha')
return 'nihao'
}
}
})
export default Home
</script>
<style scoped lang="less">
</style>