• 144647

    文章

  • 854

    评论

  • 13

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

ts @emit 注册事件并传值


子组件

<template>
  <section>
    <el-table :data="tableData">
      <el-table-column prop="parentId" label="父级编号"></el-table-column>
      <el-table-column label="操作"  width="320">
        <template slot-scope="scope">
          <el-link icon="el-icon-edit" type="primary" @click="editHandle(scope.row)">编辑</el-link>
        </template>
      </el-table-column>
    </el-table>
  </section>
</template>

<script lang="ts">
import { Component, Emit, Prop, Vue } from "vue-property-decorator";
@Component
export default class DataDictionaryTable extends Vue {
  @Prop() private tableData!: [];
  //编辑
  @Emit("editHandleEmit")
  private editHandle(row) {
    return row; // return将要传递的值
  }
}
</script>

父组件

<ph-table :tableData="tableData" @editHandleEmit="editHandle"></ph-table>
//编辑
  editHandle(row: any) {
    console.log(row)
  }

 


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

1条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客