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

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条)

相关推荐 更多相似问题