随笔分类 - vue-效果
摘要：<el-form :rules="rules" ref="formTableRef" :model="formTable" label-position="top" label-width="100px"> <el-table :data="formTable.tableData" style="w
阅读全文
摘要：https://bpmn.io/
阅读全文
摘要：原理就是在鼠标浮动到el-tootip包裹的元素时判断该元素的scrollWidth（元素内容的实际宽度）有没有超过clientWidth（元素的可是宽度）超出时显示省略号并设置disabled属性为false否则为true代码如下： 链接：https://www.jianshu.com/p/b39
阅读全文
摘要：思路focus会滚动条自动定位到这里 <el-input ref="introduceInput" v-model="formData.dutyRole" maxlength="100" placeholder="请输入角色名" class="table-input" ></el-input> co
阅读全文
摘要：场景描述:人员select下拉框为分页只查20个数据下拉（真实数据可能下拉有大几千），但是编辑页进来的id不在这20个数据下拉之内，所以显示的就是id值数组(因为是多选下拉框) 解决:编辑回显方法内写 getUserSecList(data.collaboratorVoList); 然后先调人员20
阅读全文
摘要：参考https://blog.csdn.net/m0_62333895/article/details/127648295 自己写的例子 const cursorPosition = ref(""); const handleFocus = (event: any) => { cursorPosit
阅读全文
摘要：1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec
阅读全文
摘要：场景:要求单选，多选时候时间变为选择器可修改，但是比如选择了后，时间改了，然后又点了取消，那么就要回到最初的时间去 比如节点二最初为10-01，选了后改成了10-27，然后取消勾选，为10-01的字 解决思路 做一个key-value的数据结构，key为表格行id,value为改的值 <el-tab
阅读全文
摘要：历史详情里面还有要修改的表单 后台返回的数据结构是 data:{ entry:{}, entryHistory:[{}] } <div v-for="(item, index) in contractForm.entryHistory" :key="index"> <el-collapse-item
阅读全文
摘要：list: [ { x: "张一", dataX: 13641 }, { x: "张一", dataX: 2000 }, { x: "张一", dataX: 3000 }, { x: "张一", dataX: 1 }, { x: "张一", dataX: 161 }, { x: "张一", data
阅读全文
摘要：<el-date-picker v-model="chartsTime" type="datetimerange" :clearable='clearableState' value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" @change="
阅读全文
摘要：<transition-group name="rightWd" tag="div"> <!-- <transition-group name="topWd" tag="div"> --> <div v-for="(item, index) in warnList" :key="index" @cl
阅读全文
摘要：参考https://www.cnblogs.com/pangys/p/10570189.html <template> <div> <ul> <li v-for="(dl, index) in listArr" :key="index"> <a v-for="(item, dli) in dl" :
阅读全文
摘要：<template> <div> <ul class="cloud" role="navigation" aria-label="Webdev tag cloud "> <li><a data-weight="4" href="/tag/http">HTTP</a></li> <li><a data
阅读全文
摘要：1>vue页面 data() { let validcodeName = (rule, value, callback) => { let parmas = { name: value, rule: rule, callback: callback }; this.getProjectByName(
阅读全文
摘要：login.vue setTimeout(() => { this.isLoading = false; if (this.userInfo.name == 'admin' && this.userInfo.pwd == '123456') { Cookies.set('user', 'a'); C
阅读全文
摘要：store->mapContainer.js state: largePassengerFlow: null,//大客流的定时器 largePassengerData: [],//大客流的定时器(动态+-10假数据) largePassengerSlowData: [],//大客流缓动5*5s后的数
阅读全文
摘要：<template> <div> <div class="risk-tab-top"> <div class="risk-tab-cont" @click="tabChange(index)" v-for="(item,index) in tabList " :class="[activeIndex
阅读全文
摘要：vue组件 <transition name="carHistory"> <car-History-Line v-show="showHistoryLine" @closeHitsory='closeHitsory'></car-History-Line> </transition> css .ca
阅读全文
摘要：vue data里的数据 listThematicChecked: [], subjectList: [ { menu: '辖区态势图', img: '/static/images/icon-tuli/tuli_xiaqutaishitu_icon.png', isCheck: false, fou
阅读全文
浙公网安备 33010602011771号