Vue3-v-model原理

2023-12-26 20:24:35

对比：Vue-2.3v-model原理-CSDN博客

v-model为:modelValue和@update:modelValue的简写

表单类组件封装

父组件

<ChannelSelect v-model="cateId"></ChannelSelect>

子组件

<script setup>
defineProps({
  modelValue: {
    type: [Number, String]
  }
})

const emit = defineEmits(['update:modelValue'])
</script>
<template>
  <el-select
    :modelValue="modelValue"
    @update:modelValue="emit('update:modelValue', $event)"
  >
  </el-select>
</template>

文章来源:https://blog.csdn.net/weixin_46479909/article/details/135227713
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。