vue子组件更改属性

严格来说,Vue子组件不能随便更改父组件传递过来的属性,但是可以这样修改

父组件

1 <component-a :num.sync="number">这是子组件</component-a>

子组件

 1 <template>
 2   <div>
 3     <p @click="change">子属性{{num}}</p>
 4   </div>
 5 </template>
 6 
 7 <script>
 8     export default {
 9         name: "ComponentA",
10         props: {
11           num: Number
12         },
13         methods: {
14           change(){
15             this.$emit('update:num', 10)
16           }
17         }
18     }
19 </script>

 

转载于:https://www.cnblogs.com/wlxian/p/11028076.html