javascript - 基于 vue 3 中计算的另一个计算的更改

Question

我在 vue 3 中有这个。我需要使用 prop id 更改标题，如果 0 应该是 'New' 否则 'Details' 基于另一个我有 editMode 的计算属性

setup(props) {
  const {id} = toRefs(props)
  const editMode = computed(() => {
    return id.value !== 0
  })
  const title = computed(() => {
    return editMode ? 'Details' : 'New'
  })
}

问题是当 editMode 为 false 时，标题没有改变......一直保持“详细信息”。

有什么想法吗？

Answer 1

我认为您需要在标题计算中将 editMode 更改为 editMode.value，因为 editMode 也属于 Ref 类型。

const title = computed(() => {
  return editMode.value ? 'Details' : 'New'
})

这应该可以简单地解决您的问题。

同时尝试 console.log(typeof id.value) 以确保字符串 '0' 和数字 0 没有混淆。