随笔分类 - Vue
Vue相关技术
发表于 2025-02-11 17:00阅读：19评论：0推荐：0
摘要：1.Vue-Tel-Input：这个插件下载下来之后使用报错，找不到css文件什么的，不知道什么原因直接弃用。 2.后续使用以下两个插件，vue2项目使用： "vue-country-intl": "^1.1.9", // 输入框 "google-libphonenumber": "^3.2.4",
阅读全文 »
发表于 2025-02-11 11:43阅读：15评论：0推荐：0
摘要：判断回显的父节点下的叶子节点是否全部选中，全部选中就是全选，保留；没有全选就是半选，不保留。保留与不保留说的是回显的数组数据。// 处理tree关联全选半选 export function processTreeData(treeData, selectedIds) { const fullySel
阅读全文 »
发表于 2022-12-19 17:27阅读：847评论：0推荐：0
摘要：.el-table{ ::v-deep .el-table__fixed{ height: auto !important; bottom: 16px; // 横向滚动条高度 } ::v-deep .el-table__fixed::before { display:none; // 边框显示问题
阅读全文 »
发表于 2022-08-02 17:56阅读：181评论：0推荐：0
摘要：1.环境准备 1）安装node 选择你需要下载的版本进行下载：https://nodejs.org/dist/ 我这里选择：node-v14.18.0-linux-x64.tar 将下载到的ZIP包通过工具传到服务器/usr/local（我这里用的是FinalShell） 解压：tar -xvf n
阅读全文 »
发表于 2022-07-08 13:52阅读：545评论：0推荐：0
摘要：1. 使用插件 vue-seamless-scroll 网址：https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default 配置参数： defaultOption () { return
阅读全文 »
发表于 2022-03-10 15:07阅读：149评论：0推荐：1
摘要：function delInitCurrent(delLength = 1) { const totalPage = Math.ceil((this.pager.total - delLength) / this.pager.size) const currentPage = this.pager.
阅读全文 »
发表于 2021-11-12 16:48阅读：1323评论：0推荐：0
摘要：1.要注意的重点是需要在option的series中设置一个额外的图数据：标红代码就是用来高亮的series。 const option2 = { series: [ { type: "pie", radius: "65%", }, { type: "pie", radius: "65%", lab
阅读全文 »
发表于 2021-10-15 13:57阅读：727评论：0推荐：0
摘要：const colorList = [[ '#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed', '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0', '#1e90ff', '#ff6347
阅读全文 »
发表于 2021-10-14 17:02阅读：260评论：0推荐：0
摘要：直接上代码，复制粘贴就能用！！ cylinder.vue <template> <div class="lui-column-bg"> <div class="lui-inner" :class="colorCLass" :style="{ height: height + '%' }"></div
阅读全文 »
发表于 2021-10-14 16:59阅读：1059评论：0推荐：0
摘要：这里只有option配置： option: { legend: { right: "10%", top: "3%", data: ["金葵花以上", "手机APP"], }, grid: { left: "8%", top: "15%", }, xAxis: { splitLine: { lineS
阅读全文 »
发表于 2021-10-14 16:51阅读：1634评论：0推荐：0
摘要：我这里只有干货，直接拿来用。 1.下载 "echarts": "^4.9.0", "echarts-liquidfill": "^2.0.6", 这个版本对应可以用 npm i echarts echarts-liquidfill 2.引入 echart.vue import * as echart
阅读全文 »
发表于 2021-08-24 10:01阅读：3646评论：0推荐：0
摘要：<!-- 上传--> <input v-show="false" ref="fileRef" type="file" @change="fileChange"> <el-button @click="uploadFile"></el-button> methods: { uploadFile() {
阅读全文 »
发表于 2021-07-02 16:46阅读：304评论：0推荐：0
摘要：<style scoped> .tools { display: inline-block; height: 45px; width: 45px; vertical-align: middle; } .center-center { height: 100%; display: flex; alig
阅读全文 »
发表于 2021-06-30 13:13阅读：333评论：0推荐：0
摘要：1. d3 force <template> <div :id="id"> <svg width="100vw" height="100vh" /> </div> </template> <script> /** * 力导向图 */ import * as d3 from 'd3' let gs =
阅读全文 »
发表于 2021-06-03 10:19阅读：1157评论：0推荐：0
摘要：代码比较简单,直接上代码： <span @click="sectionChange(child)"></span> sectionChange(child) { const scrollBox = document.querySelector('.report-detail-module') //
阅读全文 »
发表于 2021-02-20 18:05阅读：145评论：0推荐：0
摘要：关键属性方法： 1.reserve-selection：仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key） 2.row-key：唯一标识 3.selection-change：当选择项发生变化时会触发该事
阅读全文 »
