Nuxt中Vue 3监听Prop未触发DOM更新的问题咨询

核心原因：监听目标写法错误 #

控制台提示“props.selectedVariant并非有效监听源”，大概率是你配置watch时写错了监听目标路径——Vue不识别带props.前缀的监听目标。

正确的Watch写法示例 #

选项式API（Nuxt2 / Nuxt3选项式） #

直接监听Prop的名称即可，不要加props.前缀：

export default {
  props: ['product', 'selectedVariant'],
  watch: {
    selectedVariant(newVal, oldVal) {
      // 在这里执行更新图片src的逻辑
      console.log('选中变体更新：', newVal)
    }
  }
}

组合式API（Nuxt3