码迷,mamicode.com
首页 > 其他好文 > 详细

vue子组件更改属性

时间:2019-06-15 17:33:43      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:number   nbsp   update   name   port   method   更改   date   def   

严格来说,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>

 

vue子组件更改属性

标签:number   nbsp   update   name   port   method   更改   date   def   

原文地址:https://www.cnblogs.com/wlxian/p/11028076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!