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

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=之类的?

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 帮我解决一下膳食平衡的线性规划模型的数据实例
  • ¥40 万年历缺少农历,需要和阳历同时显示
  • ¥250 雷电模拟器内存穿透、寻基址和特征码的教学
  • ¥200 比特币ord程序wallet_constructor.rs文件支持一次性铸造1000个代币,并将它们分配到40个UTXO上(每个UTXO上分配25个代币),并设置找零地址
  • ¥15 关于Java的学习问题
  • ¥15 如何使用chatgpt完成文本分类任务?
  • ¥15 已知速度v关于位置s的等式,怎么转化为已知位置求速度v的等式
  • ¥15 我有个餐饮系统,用wampserver把环境配置好了,但是后端的网页却进去,是为什么,能不能帮远程一下?
  • ¥15 R运行没有名称为"species"的插槽对于此对象类"SDMmodelCV"
  • ¥20 基于决策树的数字信号处理,2ask 2psk 2fsk的代码,检查下报错的原因