严格来说,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
时间: 2024-10-24 18:34:51