vue3 为什么这边我结构了，但是失去响应性了

  • Z时代
  • 2024-02-07
  • 分类：IT

vue3 为什么这边我结构了，但是失去响应性了

console已经打印true了，但是dialog还是不弹出，
我换成常规定义这样就可以

const visible = reactive({
  insuredVis: false
})

失效的

<InsuredDialog :visible="visible.insuredVis"></InsuredDialog>
<script setup>
const data = reactive({
  form: {},
  visible: {
    insuredVis: false
  }
})
const { visible, form } = toRefs(data)
function handleInsured () {
  console.log('参保')
  visible.insuredVis = true
  console.log(visible.insuredVis) // 这里已经答应true了，但是dialog还是不弹出来
}
</script>

回答：

const { visible, form } = toRefs(data)

在这里拿到的 visible 是一个 Ref 对象，尽管它的内容是一个对象，但读取里面的值仍然需要用 visible.value。

因此正确的赋值方法应该是这样：

visible.value.insuredVis = true

你在你的赋值语句前也输出一下 visible.insuredVis 没准自己就发现问题了。

回答：

用法问题吧，应该是 visible.value.insureVis = true。

以上是 vue3 为什么这边我结构了，但是失去响应性了 的全部内容， 来源链接： utcz.com/p/937578.html

回到顶部