优秀的编程知识分享平台

网站首页 > 技术文章 正文

Vue3-defineModel问题(vue de monde)

nanyue 2024-07-18 04:00:10 技术文章 7 ℃

我自己在升级Vue3版本后(3.3.4),使用过程中遇到了这样的一个问题(defineModel is not defined),然而并没有报错defineProps这个宏错误。

//父组件
<template>
    <div>
        <div>父:{{ msg }}</div>
        <Myinput v-model="msg" title="传参" />
    </div>
</template>
<script setup>
import Myinput from "./components/Myinput/index.vue";
const msg = ref('')
</script>
//子组件
<template>
    <div>
        <input v-model="value"  />
        <div>{{ title }}</div>
    </div>
</template>
<script setup>
const value = defineModel()
defineProps({
    title: {
        type: String,
        default: '',
        required: true
    }
})
</script>

效果:

我们需要在vite.config.js中添加一些东西

export default defineConfig({
  plugins: [
    vue({
      script:{
        defineModel:true
      }
    }),
  ]
})

然后这个错误警告就解决了。

Tags:

最近发表
标签列表