满口金牙 2021-12-10 23:25 采纳率: 92.3%
浏览 740
已结题

vue3 element-plus but is not defined on instance 问题错在哪?

      <el-dialog
        v-model="dialogVisible"
        title="Tips"
        width="30%"
      >
          <span>This is a message</span>
          <template #footer>
            <span class="dialog-footer">
              <el-button @click="dialogVisible = false">Cancel</el-button>
              <el-button type="primary" @click="dialogVisible = false"
                >Confirm</el-button
              >
            </span>
          </template>
      </el-dialog>
<script>
  import { reactive } from 'vue'
  export default {
    name:'AffixButton',
    setup(props, { emit }){
      const data = reactive({
        dialogVisbile: false
      }),
      return { data }
    }
}
</script>
    

**为什么 报错:[Vue warn]: Property "dialogVisible" was accessed during render but is not defined on instance. **
而且我还遇上一次,把 dialogVisbile 类似这种变量拿到 data 外面声明ref()就没事,但这次不行

  • 写回答

3条回答 默认 最新

  • zpba 2021-12-10 23:36
    关注

    会不会是这里不应该用v-model="dialogVisible",
    用:visible.sync=之类的?

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 前端阿彬 前端领域新星创作者 2021-12-11 00:49
    关注

    变量名写错了,不一致。
    如有帮助,麻烦点个【采纳此答案】 ^.^

    img

    评论
  • 孙叫兽 前端领域优质创作者 2021-12-11 09:35
    关注

    复制粘贴很重要,变量要统一

    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 12月19日
  • 已采纳回答 12月11日
  • 修改了问题 12月10日
  • 创建了问题 12月10日

悬赏问题

  • ¥15 关于网上一个easyx制作的见缝插针小游戏(c++)
  • ¥15 开地址法双散列函数处理碰撞
  • ¥15 想问一下这个是什么情况 虚拟机Linux打不开了
  • ¥15 联通光猫掉注册了怎么重新注册上去
  • ¥15 关于unity开发steamvr程序遇到的问题
  • ¥60 求tc downloader的下载方式
  • ¥15 华为 快捷方式 手电筒 接口
  • ¥15 Qt6.5支不支持Android13开发啊
  • ¥20 网络只能跑一半,应该如何设置
  • ¥20 Python调用百度开发者平台人脸识别接口