随笔分类 - vue
摘要：vue项目报错 不影响运行，但控制台看到这报错，属实不舒服 解决方法： 进入 \node_modules\sockjs-client\dist\sockjs.js 注释1603行 刷新页面，没报错了
阅读全文
摘要：需求： 页面表格的排序项 根据 excel中的排序显示，没有这一项则跳过（根据模板ID） import XLSX,{ read, utils } from "xlsx"; 点击按钮执行导入函数： <div class="p_select" v-if="!templateStatus"> <a hre
阅读全文
摘要：前提：根据excel已有排序，导入到界面，可以再次进行修改 导入已经实现了，但是每次修改输入框没反应 原因：界面没刷新 网上搜素的方法都试了，不行！！！！！！！！比如： 一： 把 :value换成 v-model 不行 二：使用 this.$forceUpdate() 会显示 不行 Unresolv
阅读全文
摘要：效果: <div class="dot_box"> <div class="dot"></div> <span>SA项目成交数合计</span> <div class="right_btn"><a href="#" @click="downloadTable('dataList','SA项目成交数合
阅读全文
摘要：下载地址：https://github.com/vuejs/devtools/tree/main 用下载压缩包的方式下载，clone方式80%后续可能报错，亲测很烦 下载后解压 npm install npm run build 看到这样就可以了 接着打开chrome，选择扩展程序，开启开发者模式，
阅读全文
摘要：从后台得到的数据： titleMap中的数据为表头数据 key是0的对应 dataList 中的C0的值 显示要求 let listArr = [{}] let dataList = res.data.dataList let titleMap = res.data.titleMap let len
阅读全文
摘要：原格式： 目标格式： 代码： let beforeData = data; //将原始数据赋值给beforeData 也可直接操作dataArr let tempArr = []; let afterData = [];//新数组 for (let i = 0; i < beforeData.len
阅读全文
摘要：效果： 代码： <template> <div> <el-table :data="tableData"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="n
阅读全文
摘要：效果图： 代码： <div class="table"> <el-table ref="table_8" :data="saCountAvg" border style="width: 99%;" :height=winHeight :header-cell-style="tableHeaderCo
阅读全文
摘要：效果： 代码： <div class="table tableSty" style="margin-top: 20px" v-for="item in stepByYearArr"> <el-table :data="item" border stripe style="width: 99%" :c
阅读全文
摘要：import FileSaver from 'file-saver' import XLSX from 'xlsx' <el-button type="warning" @click="exportForm" icon="el-icon-download" >导出</el-button> <el-t
阅读全文
摘要：代码： <el-table :data="listArr" border style="width: 99%" id="mainFrame" :span-method="objectSpanMethod" show-summary :summary-method="getSummaries"> <e
阅读全文
摘要：官网案例： <template> <div> <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px"> <el-table-column prop
阅读全文
摘要：data: data() { return { joblistData:[], total:0, pageNo:1, pageSize:10, showAddData: false, jobForm:{ jobChinese: '', jobEnglish:'', name:'', picture:
阅读全文
摘要：表单代码： <el-table :data="joblistData" border style="width: 99%" :height=winHeight> <el-table-column prop="aa" align="center" label="ID"></el-table-colum
阅读全文
摘要：<div class="type_box" v-for="(item,index) in attrList" :key="item.id"> <div class="add-row"> <span class="label-span">key</span> <el-input v-model="it
阅读全文
摘要：<el-form-item label="部位缩略图:" required> <div class="upload-img" style="width: 148px; height: 100px;" > <input type="file" ref="fileBtn" @change="upload
阅读全文
摘要：1.下载插件 2.放到项目文件夹的public目录下面 3.在项目根路径index.html中全局引入Spread插件的JS和CSS <script type="text/javascript" src="<%= BASE_URL %>spreadjs/scripts/gc.spread.sheet
阅读全文
摘要：目标样式: 官网案例： <el-table :data="tableData" :span-method="arraySpanMethod" border style="width: 100%"> <el-table-column prop="id" label="ID" width="180">
阅读全文
摘要：1. 下载插件 npm install awe-add --save 2. 在main.js中引入使用 import VueDND from 'awe-dnd' Vue.use(VueDND) 3.demo.vue <template> <div> <el-checkbox-group v-mode
阅读全文
浙公网安备 33010602011771号