type
Post
status
Published
date
Nov 24, 2022
slug
code-7
summary
传值
tags
vue
category
学习思考
icon
password
Property
Nov 24, 2022 09:01 AM
父传子:
父组件中传值:通过动态绑定变量的方式
<childen :total="total" :pagesize="pagesize" :pagenum="pagenum"></childen>
子组件中接收: defineProps == props 两者接收的性质一样 也可以自定义变量的属性
const props = defineProps(['pagesize','pagenum'])
子传夫:
子组件中自定义事件名 自定义事件名
const emit=defineEmits(['aaa','bbb'])
通过:defineEmits == emit 两者性质一样
function aaa(){
传递到父组件的变量名 后面是参数
emit('aaa',value)
}
父组件接收
<fenye :total="total" @aaa="aaa"></fenye>
使用: e是接收的参数
function changesize(e) {
conlsole.log('e')
}
- Author:spike
- URL:https://spiiike.gq//article%2Fcode-7
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!