微信小步伐vue3父组件调用vue2子组件传多个参数方法

vue3父组件调用vue2子组件传参数

1. vue3父组件

1. <template>
2.   <div>
3.     <child :message="message" />
4.     <button @click="test">添加车牌号</button>
5.   </div>
6. </template>
8. <script setup>
9. import { ref, onMounted } from 'vue';
10. import Child from './Child.vue'; // 确保路径正确
11.   const id = ref(0);
12.   const message = ref('');
13.    
14.   const test = () => {
15.         id.value = 1;
16.                 message.value = "皮卡";
17.         };
18. </script>

复制代码

2. vue2子组件`

1. <template>
2. <div>{{ message }}</div>
3. </template>
5. <script>
6. export default {
7. props: ['id','message'],
8.         data() {
9.                    return {
10.                            message: ''
11.                            }
12.                    },
13.             
14.    mounted() {
15.                            this.message = this.$props.message;       
16.                   
17.            }
18.            }
19. </script>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。