vue父组件传值更新,子组件接收值没有更新

只需要在子组件加入watch监听时间即可

// 子组件
export default {
    props: {
	    type: {
		    type: String,
	    	default: '',
	    },
    },
    data(){
        return{
            datatype :''
        }
    },
    watch: {
        // 更新属性type
	    type: {
			handler(newVal, oldVal) {
				console.log(newVal, oldVal)
				if (newVal !== oldVal) {
					this.datatype = newVal;

					// 再次重新请求数据接口即可
				}
			},
			immediate: true,
			deep: true,
		},
    },
}

你可能感兴趣的:(vue,javascript,vue.js,javascript)