vue3的v-model在组件上几种用法

父组件

<template>
  <div>
    <button @click="dialogVisible = !dialogVisible">打开/关闭</button>
	<ModalComp v-model="dialogVisible" v-if="dialogVisible" />
  </div>
</template>

<script setup>
import ModalComp from './components/ModalComp.vue'

const dialogVisible = ref(false)

</script>

1、@update和 : 拆开使用


 

                

相关推荐

  1. vue3v-model组件

    2024-04-30 21:22:03       32 阅读
  2. vue3组件实现v-model

    2024-04-30 21:22:03       31 阅读
  3. 详解vue3组件 v-model

    2024-04-30 21:22:03       39 阅读
  4. Vue技巧】Vue2和Vue3组件使用v-model实现原理

    2024-04-30 21:22:03       58 阅读
  5. Vue3-HTML标签、组件标签使用v-model

    2024-04-30 21:22:03       50 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-30 21:22:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-30 21:22:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-30 21:22:03       82 阅读
  4. Python语言-面向对象

    2024-04-30 21:22:03       91 阅读

热门阅读

  1. vue生命周期

    2024-04-30 21:22:03       31 阅读
  2. 一文掌握python上下文管理器(with语句)

    2024-04-30 21:22:03       29 阅读
  3. 笔试强训-day14_T1 乒乓球筐

    2024-04-30 21:22:03       34 阅读
  4. 「笔试刷题」:字符串中找出连续最长的数字串

    2024-04-30 21:22:03       32 阅读
  5. 【unity】(1)场景

    2024-04-30 21:22:03       36 阅读
  6. Docker常用命令 & 镜像库设置

    2024-04-30 21:22:03       37 阅读
  7. 记录不熟悉的函数用法(C++)——assign

    2024-04-30 21:22:03       34 阅读
  8. 【FastGPT 】FastGPT 的知识库逻辑

    2024-04-30 21:22:03       31 阅读
  9. 用Python将Word文件另存为任意支持的格式

    2024-04-30 21:22:03       31 阅读
  10. 语法树简介

    2024-04-30 21:22:03       36 阅读