vue子组件调用父组件方法

桃扇骨 2022-02-18 14:21 460阅读 0赞

说明：有一个组件InputListSelect.vue，选中一个行数据，将该数据传送到父级ProjectEdit.vue文件中

1、父级ProjectEdit.vue调用

  1. <InputListSelect :model="model" :maxlength="255" @on-update="updataInfo"></InputListSelect>
  3. import InputListSelect from '@/views/components/InputListSelect'
  4. export default {
  5.     name: 'ProjectEdit',
  6.     props: {
  7.       model: Object
  8.     },
  9.     components: {
  10.       InputListSelect
  11.     }
  12.     ..........
  13. }
  15. methods: {
  16.       updataInfo(val) {
  17.         debugger
  18.       }
  19. }

2、子组件调用，在方法中

  1. onOk() {
  2.     // 此处逻辑处理
  3.     // data为传送的数据
  4.     this.$emit('on-update', data)
  5. }

说明：此方法是调用子组件中on-update(即updataInfo(val))方法，data为传送的数据，最后由val接收

发表评论

表情：
评论列表 （有 0 条评论，460人围观）

还没有评论，来说两句吧...

相关阅读