开发者社区云计算文章正文

Vite中使用 Model绑定组件值

2024-04-16 14

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Vite中使用 Model绑定组件值

<MyDialog class="audit-dialog-wrapper" :title="dialogTitle" v-model="isDialogVisible" size="small" width="450px" :need-modal="needModal" @update:isShow="isShow">
      <div>23233</div>
      <template #footer>
        <div class="dialog-footer">
          <my-button type="close" title="取消" @click="closeDialog" />
          <my-button type="submit" title="确认" @click="submit" />
        </div>
      </template>
</MyDialog>

使用

v-model="isDialogVisible"

组件内

const props = defineProps(
  ['modelValue']
)


const emit = defineEmits( ['update:modelValue'] )
const closed = () => {
  emit( 'update:modelValue' )
}