
js
靓靓的圆子
这个作者很懒,什么都没留下…
展开
-
数组的去重
数组的去重原创 2023-02-09 14:14:37 · 104 阅读 · 0 评论 -
vue项目watch初次加载不执行的问题
监听原创 2023-01-19 11:56:44 · 2516 阅读 · 0 评论 -
当鼠标移入div,出现编辑和删除的按钮,移出就隐藏编辑和删除按钮
移入移出原创 2022-12-20 14:31:36 · 961 阅读 · 1 评论 -
左右结构,能收缩;数据有箭头能收起展开;
css控制收起和展开原创 2022-12-08 17:14:20 · 892 阅读 · 0 评论 -
vue 不同数组的拖拉拽
拖拉拽原创 2022-11-30 16:34:48 · 313 阅读 · 0 评论 -
日期时间组件,禁用当前日期后的日期
日期时间组件,禁用当前日期后的日期原创 2022-08-25 16:21:03 · 652 阅读 · 0 评论 -
表格的表头,表体根据后端返回的数据驱动,还有排序
循环表格数据原创 2022-08-18 16:34:55 · 529 阅读 · 0 评论 -
带时间线的历史记录
时间线的历史记录原创 2022-08-02 15:09:44 · 215 阅读 · 0 评论 -
给复杂的数组去重
当数组是对象数组,需要用String()转换一下,再比较如果相等,就给原数组中相同的删掉原创 2022-07-07 11:20:22 · 276 阅读 · 0 评论 -
通用样式 -表格的每行的复选框选中打印,清除已勾选
1,在el-table上加单选select2和全选selectAll的方法,2,增加一列el-table-column<el-table @select="select2" @select-all='selectAll'><el-table-column type="selection" align="center" width="55"> </el-table-column> </el-table>selectAll(s原创 2022-01-07 17:38:54 · 613 阅读 · 0 评论 -
通用样式 -表格的每行的复选框选中打印
1,在el-table上加单选select2和全选selectAll的方法,2,增加一列el-table-column<el-table @select="select2" @select-all='selectAll'><el-table-column type="selection" align="center" width="55"> </el-table-column> </el-table>selectAll(s原创 2022-01-07 17:30:30 · 486 阅读 · 0 评论 -
watch监听数据时候,初次data赋值不监听
immediate: falsewatch: { isEdit(val){ // immediate:true, //初始赋值会监听 // immediate: false, //初始赋值不会监听 // handler() { //当数据是数组,要深度监听时候用 //相关逻辑 cosole.log(val) // }, // deep: true,原创 2022-01-04 11:04:56 · 1088 阅读 · 0 评论 -
是数组 或 对象 的 时候的监听
watch: { //普通的监听 InHosCheckLists(newValue,oldValue){ }}watch: {//数组的深度监听,监听数组中的某一个元素,我这里只用去数据的第一条InHosCheckLists:{ handler(newValue,oldValue){ //等于1,2,3是选了是,否,完全不,就要给其他后面的输入框清空 if (newValue[0].RadioList == 1 || newValue[0].RadioLis原创 2021-11-30 15:46:50 · 168 阅读 · 0 评论 -
pad登录时,获取浏览器的 宽 高 名字
//浏览器名字封装方法getExplorer(){ const ua = window.navigator.userAgent const isExplorer = (exp) => { return ua.indexOf(exp) > -1 } if(isExplorer('MSIE')) return 'IE' else if(isExplorer('Firefox')) return 'Firefox' else if(is原创 2021-11-29 11:18:17 · 292 阅读 · 0 评论 -
排序,去重,合并 --用的el-select可以搜索的下拉框,因为数据多,调接口只调了200条,就无法回显
1,用的el-select可以搜索的下拉框,因为数据多,默认加载下拉框数据调接口只调了200条,但是远程搜索可以搜到所有的数据,比如搜索到了201条,Code是3322,当时正常,页面要求的是到其他页面再回来的时候,要显示之前筛选过的数据,就做了存储之前的筛选条件(也就是Code为3322这条数据)。那再次进来页面回显的时候,在200条内就找不到3322的code,就回显不出来。2,想到的解决办法是合并200条的数据数组和存储的数组,再去重,剩下的就是201条数据在下拉框中了,这样就可以回显了3,在能原创 2021-11-18 15:18:57 · 759 阅读 · 0 评论 -
前端配url地址,添加白名单
permission.js文件中添加‘/SmallWaterDrop’为要配的页面为白名单,然后用路由守卫判断,要进的页面是不是想要加入白名单的页面,如果是的话,就next()进入页面,不需要登录const whiteList = ['/login','/SmallWaterDrop']router.beforeEach(async(to, from, next) => { console.log(to.path) console.log(14,whiteList.indexOf(to.p原创 2021-11-12 17:50:31 · 3108 阅读 · 0 评论 -
vue项目中地址带‘#’的问题
修改router中的index.js中的mode: ‘history’,export default new Router({ linkActiveClass: 'nav-menus-active', transitionOnLoad: true, hashbang: false, history: true, mode: 'history', //把Router的mode修改为history模式,VueRouter默认的模式为HASH模式...原创 2021-11-12 17:44:26 · 2119 阅读 · 0 评论 -
点击修改变输入框,保存变文字,超出会隐藏,滑过出现全部
<div class="" style="width: 39%;"> <span class="name2" style="width:25.5%;"> 工作单位 </span> <span class="value" style="width:50%;"> <span class="patientInfoDiagnosis" v-if='!isEdit原创 2021-09-24 11:45:17 · 265 阅读 · 1 评论 -
在父组件中请求子组件的方法
1,在父组件中这个写可以请求到子组件的saveVisitInfo方法this.$refs.drugHost.saveVisitInfo();<drug-treat-host ref=“drugHost” @edit=“edit” :pInfo=“pInfo”>原创 2021-09-17 15:29:50 · 107 阅读 · 0 评论 -
根据数组中的某一个元素进行排序---sort
sort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名根据this.tableData1中的index进行重新排序function compare(property){ return function(a,b){ var value1 = a[property]; var value2 = b[property]; return value1 - value2; } } console.log(276,this.tab原创 2021-07-29 10:21:18 · 656 阅读 · 0 评论 -
获取时间,前几天,后几天,转换时间格式,补零月份,日期
const start = new Date();start.setTime(start.getTime() + 3600 * 1000 * 24 * 7); //后7天就加7 获取的格式:Thu Jun 03 2021 10:38:40 GMT+0800 (中国标准时间)//这个是直接转换2018/6/4这种格式,没有补零的var newTime2 = start.toLocaleString(); //把日期转换成2018/6/4 下午10:45:19 格式//这种建议,获取年月,月份,日期原创 2021-05-27 10:46:34 · 196 阅读 · 0 评论 -
el-input只能输入数字
1,html代码<div> <span>当前数值</span> <span> <el-input v-model="ValueDown" :change="check_price()"> </el-input> </span> <span>——</span> <span> <el-input v-model="ValueUp" :chan原创 2021-05-26 14:34:34 · 459 阅读 · 0 评论 -
数组的去重
//去重 let i = 0; let j = 0; for(i = 0; i < result.length; i++){ for(j = i + 1; j < result.length; j++){ if(result[i] == result[j]){ j = ++i; } } this.NameArr.pus原创 2021-03-29 14:46:05 · 80 阅读 · 0 评论 -
获取当前的时间
```javascript//获取当前时间 getNowTimes() { //修改数据date let currentTime = '' currentTime = new Date().getFullYear() + "-" + (new Date().getMonth() + 1) + "-" + new Date().getDate() + .原创 2020-12-30 15:48:51 · 277 阅读 · 0 评论 -
vue cli3中,在vue.config.js文件中怎么引入其他js文件
1,在要被引入的文件中module.exports = { interfaceIP: "http://172.16.170.135:900/PEapi"}2,在vue.config.js中,const interfaceIP = require('./public/configip');console.log(interfaceIP)console.log(interfaceIP.interfaceIP)module.exports = { productionSourceMap原创 2020-11-17 14:12:22 · 8970 阅读 · 2 评论 -
修改和添加的时候,来禁用已选的
1,html里的结构是这样的Modify是循环的数组problemMedicine是问题名称的级联选择器的所有数据,在data里是有定义的,如下:problemMedicine: [{ value: '1', label: '药品问题', children: [] }, { value: '0', label: '非药品问题', disabled: false, },], //不合理问题药品QuestionType是问题代码下拉框的所原创 2020-10-19 17:32:36 · 203 阅读 · 1 评论 -
vue的props接收数组和对象
```javascriptexport default { props: { //数组 DepartmentDeptList: { type: Array, default: () => [] }, //对象 CommentResultID: { type: Object, default () { return {} } }, }}...原创 2020-09-22 09:49:36 · 4456 阅读 · 1 评论 -
element导航栏控件 点击导航栏也可正常高亮,但是页面点击发生跳转以后导航栏高亮没有发生变化
1、绑定路由路径:default-active="$route.path"2、index=“路由路径”<el-menu menu-trigger="hover" style="left: -15%; position: relative;border-bottom: none;" popper-append-to-body="false" icon="iconfont iconxiala" ref="NavMenu" background-color="#0C48E5"原创 2020-09-16 16:36:15 · 598 阅读 · 0 评论 -
表格的第一列是复选框,怎么能点复选框的时候,不触发点击这一条数据的函数
本来点击这一条数据的时候会弹窗,为了防止点击复选框的时候误弹窗,所以要禁止点击复选框的单元格出来弹窗解决方法,在点击这条数据的函数rowclick()里面做操作rowclick(row,column, event) { console.log(event,"event") //可以打印event出来看看,当点击复选框的单元格的时候,有个type="selection",就可以用这个来做判断 if (event.type == "selection") { return .原创 2020-09-10 14:04:05 · 426 阅读 · 0 评论 -
路由跳转指定的页面
methods: { onReturn() { switch (this.$route.path) { case '/ReviewPlan/AddInHospitalPlan': this.$router.push({ path: "/ReviewPlan/selectPlan" }) break; default:原创 2020-08-28 14:00:46 · 503 阅读 · 0 评论 -
路由传参
传的时候this.$router.push({ path: "/ReviewPlan/AddPlan", query: { ReplicationPlans: JSON.stringify(this.openResContent), ReplicationPlansType: 1, //判断复制计划和编辑计划 }});接受的页面this.RevisionPlan = this.$route.query.ReplicationPlans &am原创 2020-08-27 15:39:35 · 69 阅读 · 0 评论 -
input框只能输入数字
<el-input v-model="IntervalRandomised00" @input="oninput1(IntervalRandomised00)"></el-input>oninput1(e) { // 通过正则过滤小数点后两位 this.IntervalRandomised00 = (e.match(/^\d*(\.?\d{0,2})/g)[0]) || null; },原创 2020-08-26 15:53:17 · 102 阅读 · 0 评论 -
防止输入框为空格的时候提交保存
防止输入框未空格的时候提交保存if (this.reasonable.replace(/[\r\n]/g, "") == '' || this.reasonable.replace( /\ +/g, "") == '') { remarks11 = false }else { remarks11 = true } if (remarks11 == false) { retur原创 2020-08-14 14:00:15 · 365 阅读 · 0 评论 -
el-table表格的合计项单元格改变背景色
这是el-table表格的合计项,需要在有合计的地方改变背景色用的是jquery来获取元素// let addFontColor = setTimeout(()=>{ // console.log($(".w-table__footer-wrapper div").length-1) // for( var i = 0;i<$(".w-table__footer-wrapper div").length-1; i++){原创 2020-08-13 15:57:09 · 2100 阅读 · 0 评论 -
在某一项code相同的时候,合并content内容
数据格式为:var arr = [ { problem: '526', question: '1-1', textareaDatails: '111' }, { problem: '526', question: '1-1', textareaDatails: '112' }, { problem: '526', question: '1-1', textareaDatails: '113' }, { problem: '526', question: '1原创 2020-07-29 16:45:09 · 153 阅读 · 0 评论 -
给某个状态下的某个名称提示不能删除
1,从一个接口中获取到数据,有四种状态(已打回,待提交,待审核,已审核)2,遍历拿到的数据,然后进行状态的判断,是想要的状态的时候给名字push进一个数组,然后在判断外面遍历这个数组,+= 这个名字的字符串。 if (this.contentTemplateDeletion.length !== 0) { this.$confi...原创 2020-05-12 11:11:27 · 115 阅读 · 0 评论 -
下拉框保存过后,再次修改的时候,需要渲染上次选过的数据
1,这是修改的下拉框代码<el-select v-if="item.TypeID === 4 && ReplicationPlansType === 1" v-model="Value1Name" :clearable="true" multiple> <el-option v-for="(el,index) in item.InitValue" :key...原创 2020-04-21 15:54:50 · 436 阅读 · 0 评论 -
需要修改后端返回的数据并渲染
1.从后端拿到的数据是Status = ‘未启用’2.需要渲染的是未启用的状态下,渲染成 ‘停用’3.<el-table-column label="状态" width="150" align="center"> <template slot-scope="scope"> <span type="text" size="small" v-if...原创 2020-04-21 15:39:01 · 504 阅读 · 0 评论