vue3中setup用法与methods用法踩坑

本文记录了在 Vue3 中使用 element-plus Dialog 的踩坑经历,对比分析了在 `methods()` 和 `setup()` 中调用 Dialog 的常见错误,包括在 `methods()` 中因拼写错误导致 Dialog 无法显示的问题,以及在 `setup()` 中使用双向绑定时需注意的 `ref` 和 `value` 的使用方法。
摘要由CSDN通过智能技术生成

vue3 使用element-plus Dialog踩坑记录之methods用法与setup用法

Element Dialog最原始的调用

复制过来的代码可以直接把dialog弹出来

<template>
<el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button>
<el-dialog title="收货地址" v-model="dialogFormVisible">
  <template #footer>
    <span class="dialog-footer">
      <el-button @click="dialogFormVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
    </span>
  </template>
&l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值