表格复制粘贴功能

最新推荐文章于 2024-09-13 14:34:15 发布

AllenLM

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量168

点赞数

分类专栏：可复用组件文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/milinfeng/article/details/122459800

版权

本文详细探讨了如何在Vue.js前端应用中实现表格数据的复制和粘贴功能，利用JavaScript的事件监听和数据操作，为用户提供便捷的数据交互体验。

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

HTML代码块
         @paste="
         premitPaste(
          $event,
          index,
          1,
          false,
          externalChangeAccountChild,
          externalChangeAccountChild.length,
         colNumMapToProp)"
 JS 代码
// 循环列表进行计算
  CyclicCalculation() {
   
    for (let index = 0; index < this.externalChangeAccountChild.length; index++) {
   
      this.externalChangeAccountChild[index].lcacontractIncTotalPrice = Number(
        Number(
          this.externalChangeAccountChild[index].lcaconIncAmount *
            this.externalChangeAccountChild[index].lcacontractIncUnitPrice
        ).toFixed(2)
      );
      this.externalChangeAccountChild[index].lcatargetCostTotalPrice = Number(
        Number(
          this.externalChangeAccountChild[index].lcatargetCostAmount *
            this.externalChangeAccountChild[index].lcatargetCostUnitPrice
        ).toFixed(2)
      );
      this.externalChangeAccountChild[index].lcatargetCostTaxDeductible = Number(
        Number(
          (this.externalChangeAccountChild[index].lcatargetCostInputTaxRate *
            this.externalChangeAccountChild[index].lcatargetCostTotalPrice) /
            100
        ).toFixed(2)
      );
      this.externalChangeAccountChild[index].lcaprofitProjectAmount = Number(
        Number(
          this.externalChangeAccountChild[index].lcaconIncAmount -
            this.externalChangeAccountChild