- 父控件给子控件传值
- 子控件对外提供参数
- 父控件引用
- 代码如下
-
<script> export default { props: { //子控件对外提供成员变量 vcode: { type: String, default: 'default' } }, methods: { onClick() { //this$emit()给父类提供数据 // this.$emit('click',"one","two") 错误,只能是单参数,但是参数类型不限 this.$emit('click',"one") //正确 } } } </script>
父类传值 :vcode(与子控件提供的名称必须一样)
父控件接收值 v-on:click(与子控件的名称必须一样)