weixin_43173924的博客

转载 vue3 codmirror setValue后报错

Vue3上的CodeMirror在setValue被踢时出现问题答案 - 爱码网

原创 js获取本地ip

js获取本地ip

原创 jq table删除合并后的多行

jq table删除合并后的多行

原创 js table表格添加列

js table表格添加列

原创 layui 表格每列相同行进行合并

layui 表格每列相同行进行合并

原创 原生js请求接口写法

var xmlhttp;//创建xmlhttprequest对象function createXMLHttpRequest(){ xmlhttp=new XMLHttpRequest(); //这里要判断IE的写法}function startRequest(url) { createXMLHttpRequest(); xmlhttp.open("GET",url,true); //true:异步，false:同步 xmlhttp.onreadystatechange=hand.

原创 el-select 回车查询功能，阻止下拉框弹出

原创 vue实现两个区域滚动条同步滚动

转载：https://blog.youkuaiyun.com/qq_38519358/article/details/107343042

原创 正则校验windows和linux路径

let winPath = /^[a-zA-Z]:(((\\(?! )[^/:*?<>\""|\\]+)+\\?)|(\\)?)\s*$/;let lnxPath = /^\/(\w+\/?)+$/i;if(!winPath.test(self.formItem.jarlocation) && !lnxPath.test(self.formItem.jarlocation)){ //校验不通过}else{ //校验通过}...

原创 Ace 代码编辑器使用

https://www.jianshu.com/p/e737c64711d2

原创 js去除json对象数组中的重复元素

let data = [ {id:"123",name:"a"},{id:"12",name:"b}, {id:"123",name:"c"},]letuserIds = [];data.forEach(d => { //id:相同的去掉，去重 if (userIds.indexOf(d.id) < 0) { userIds.push({ id: d.id, name: d.nam...

原创 element-ui 表格 修改后 表格里面的数据后 页面不实时更新问题

https://blog.youkuaiyun.com/wuj1935/article/details/106025559

原创 el-tree 复选框回显问题

<el-tree class="filter-tree" :data="dataTree" :props="defaultProps" :filter-node-method="filterNode" show-checkbox node-key="id" ref="tree" style="height: 50vh;overflow-y: auto;"></el-tree>watch: { filterText(val) { this.$refs.tree.fi.

原创 代码编辑器ace editor在vue中的使用

https://www.jianshu.com/p/7da1813f891f

原创 js准确获取弹窗显示的位置

let objTop = getOffsetTop(document.getElementById("work-area")); //对象x位置let objLeft = getOffsetLeft(document.getElementById("work-area")); //对象y位置 let mouseX = e.clientX + document.body.scrollLeft; //鼠标x位置 let mouseY = e...

原创 websock实时获取数据

websocketMethod() { var websocket = null; var url = ''; //后端定义的url名字 if ('WebSocket' in window) { websocket = new WebSocket(url); } websocket.onopen = function () { console.log("WebSocket连接成功") } .

原创 json数组根据key排序，升序

sortKey(array, key) { return array.sort(function(a, b) { let x = a[key]; let y = b[key]; return x > y ? 1 : x < y ? -1 : 0; });}

原创 判断表格数据是否有完全相同行

let res = f.tableData.some(function (row, index, arr) { return arr.filter(item => JSON.stringify(item) === JSON.stringify(row)).length > 1 })console.log(res) //true false

原创 表单清空以及清空校验方法

this.$refs["basicInfo"].resetFields(); //basicInfo是表单定义的ref的名字

原创 两个数组去重,获取相同元素

//去重 a1 = ["id","name","url"] a2=["id","name"] getArrDifference(a1, a2) { return a1.concat(a2).filter(function (v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v); }); }, console.log(this.getArr...

原创 json数组拆分之后重组回来

原数组拆：重组回来： const obj = { columnName: cN, columnType: cT, removeSpace: rS, fieldName: fN } console.log(obj) const keys = ['columnName', 'columnType', 'remov

原创 vue中后台websocket发送的数据，前端如何接收和发送数据

https://www.jianshu.com/p/f36fc25dd911

原创 vue-countupjs数字滚动效果

https://www.npmjs.com/package/vue-countupjs

原创 vue watch侦听属性，模糊检索功能，Vue.js中 watch(深度监听)的最易懂的解释

<el-form-item label="名称检索"> <el-autocomplete v-model="formInline.name" size="small" :fetch-suggestions="querySearchAsync" @select="selectName" @focus="nameListMe" .

原创 表格中带文本框，只能输入数值

numberChange(val, index) { let integer = /^(-|\+)?\d+$/; if (integer.test(val)) { if (this.tableData[index].thirdScore == 0) { this.tableData[index].getDetailScore = parseInt(val); } else { this.tableData[in.

原创 vue 使用async await处理异步嵌套请求

created() { this.getKpiRoleButton();},methods: { async getKpiRoleButton() { const resultObj = await this.signKpiRoleIdSearch(); //resultObj.data.data是id需要传给下面的接口 try { kpiAPI .kpiPermissionsButton({ .

原创 无缝滚动效果

<!-- 无缝滚动效果 --><div class="marquee-wrap"> <ul class="marquee-list" :class="{'animate-up': animateUp}"> <li v-for="(item, index) in chartDataFour.rows" :key...

原创 vue-treeselect 懒加载获取数据

API:https://vue-treeselect.js.org/<treeselect v-model="formData.organizationIdArr" :options="optionsArr" :load-options="loadOptions" :clearable="true" :searchable="true" @input="tr...

原创 vue 获取接口地址，在另一页打开pdf文件，并且有下载和打印功能

直接window.open就行了，剩下的后端处理了methodPrint(row){doctorAPI.monitoringTransactionPDF({compositeId:row.compositeId}).then(response=>{window.open(response.data.uri,"blank");...

原创 vue+elementui el-select下拉框单选多选问题

我的需求是当选择“单导心电”或者“常规心电图”时其余不可选，这两个只能是单选，选择其他的时候是多选。如果选择了其他的，再选择二者其中一个的时候，文本框只能是二者其中一个...

原创 vue+elementui 表单重置不起作用问题

1.给el-form加ref<el-form:model="formData"ref="formData">2.每项加prop,名称和v-model一致<el-form-itemlabel="检查项"prop="checkVal"><el-inputv-model="formData.checkVal"style="width...

原创 在element-ui的select下拉框加上滚动加载

https://www.cnblogs.com/lianjy/p/10726662.html

原创 vue+elementui el-upload上传excel并前端解析到表格

安装： npm install xlsx --savevue组件引入：importXLSXfrom"xlsx";代码<el-upload class="upload" :show-file-list="false" action="" :multiple="false" ...

原创 elementui el-table 分页，每页10条时，第二页序号从11开始显示的问题

<el-table-columnlabel="序号"type="index"width="50"align="center"><templateslot-scope="scope"><span>{{(page.currentPage-1)*page.pageSize+scope.$inde...

原创 vue+elementui el-cascader刷新问题

1.cascader 是定义的ref="cascader"this.$refs.cascader.panel.lazyLoad();

原创 vue 解决表格编辑弹窗改变其中一项，表格数据实时变动问题

在每次弹出对话框的时候深拷贝一次当前行数据的副本，this.form = JSON.parse(JSON.stringify(row))

原创 vue 解决点击调用接口时第一次走catch报错，第二次成功问题

重点：直接给接口里面方法加一个setTimeout即可，具体为什么我现在还不知道截图看下：

原创 elementui el-radio 赋值问题

1.true/false形式<el-radio-group v-model="form.isUseLombok"> <el-radio :label="false">否</el-radio> <el-radio :label="true">是</el-radio></el-radio-group>da...

原创 js截取url里面某个字符串

function getQueryString (name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { ...

原创 vue+elementui table 表头循环出来，加下拉条件，还可以编辑

//下图是tableData的接口返回格式：下图是tableColumns的接口返回格式：<el-table :data="tableData" border style="width:100%;"> <el-table-column v-for="(item,index) in tableColumns" :k...