Vue props传值改变没有监听到

新手上路,请多包涵

组件值改变,却没有传到子组件的props相应属性中

以下是用vue-devtools监听的数据

父组件data数据

clipboard.png

子组件props数据

clipboard.png

此props属性值是通过v-model绑定的,父组件visible的值已经变为true的情况下,子组件props中的value依然是false

相关代码

<page-dialog class="p-transfer-plan" 
                     :title="action.title" size="large" 
                     v-model="visible" @close="close" :close-on-click-modal="false">
阅读 4.9k
4 个回答

visible也得传递到子组件里才行吧:

<page-dialog :visible="visible"></page-dialog>

从提供的代码上看不出问题,最好提供一个复现

结合1楼的方法,在子组件中使用props来接收父组件传递的参数

export default {
    props: ['value']
}

接受到的参数可以直接在子组件中使用

子组件里面加一个model的配置:

export default{
  model:{
    prop:'value'
  }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题