avue2.1.0 avue-crud 复制按钮怎样调用弹框

最新推荐文章于 2024-08-01 14:22:08 发布

慕宥晶

最新推荐文章于 2024-08-01 14:22:08 发布

阅读量1.3k

点赞数 1

分类专栏： avue-低版本copyBtn 文章标签： vue.js vue

本文链接：https://blog.csdn.net/m0_46554818/article/details/116205379

版权

在avue2.1.0版本的vue项目中，由于复制按钮功能仅在2.6版本及以上提供，因此需要通过编辑按钮进行操作模拟复制。通过绑定ref并自定义handleIssueA方法，利用编辑按钮触发复制所需的操作，最终实现了类似复制的功能。

摘要由CSDN通过智能技术生成

avue2.1.0 avue-crud 怎样添加复制按钮

- 新的改变

vue项目里的avue是2.1.0版本的,但是复制按钮是2.6版本才有的. 所以呢, 项目里用不了,只能利用编辑按钮来进行操作

新的改变

这是vue项目里的avue-crud ,绑定了ref

<avue-crud :page="page" @size-change="onSizeChange" @current-change="onCurrentChange" 
    v-model="form" :data="data" ref="crud"
     @refresh-change="refreshData" 
     @row-save="onSave" 
     @row-update="onUpdate" 
     @row-del="onDel" 
     :option="option">
      <template slot-scope="scope" slot="userNameForm">
        <userData @onChangeUser="onChangeUser" :form="form" :props=" { value:'userName' } " :params="{}" />
      </template>
      <template slot-scope=