Vue子组件自更新props

自更新vue子组件

更新子组件props, 有两种方式。

  1. 更新value属性
  2. 更新除value属性以外的其他属性(在下文用params表示其他属性)

自更新 props.value

特殊param - value value是vue组件的特殊参数,具有双向绑定 自更新value如下:

this.$emit('input', '新值');

自更新 props.params

更新props 其他参数

父组件

<template>
  <vue-component :params:sync="params" />
</template>
<script>
export default {
  data() {
    return { params: '旧值', };
  },
};
</script>

子组件

// 在子组件里填写
this.$emit('update:params', '新值');
发布时间:2019-10-18