- 博客(106)
- 收藏
- 关注
RSS订阅原创 显示和隐藏两个不同表格在同一个位置，列的宽度错乱。
在el-table上写了ref=“Highlight”，doLayout()的意思是”对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法”刚开始我是用的el-table自带的doLayout()，并不适合用。反正我这边是不起作用的，不知道是不是我用错了。2，后来我是在第二个表格上加了key,解决了这个问题。
2024-04-30 10:33:17
582
1
原创 async/await的用法，等待一个方法执行完
await后面通常跟的是一个Promise对象，它会等待该Promise对象resolve，然后得到resolve的参数。如果async函数中有返回值，会返回一个Promise对象，可以使用then方法来处理这个Promise对象。如果await后面跟的不是Promise对象，系统会自动将其转化成一个Promise对象。2，await：只能在async函数内部使用，用于等待一个异步方法执行完成。比如，获取 了一个$bug的公公方法，用async，写了一个异步函数。
2024-04-30 10:20:51
550
原创 文本域换行
1，当我们在页面只用文本域的时候，用户可以手动敲换行符来换行，存入后端是个/n，返回的也是/n，那么在此展示的时候，没有识别/n的换行符，就没有换行了。标签来包裹，但是超出一行了没有自动换行了，这个也是麻烦事，所以还得写个css样式。
2023-05-25 09:24:16
969
原创 点击添加按钮，表格显示最后一行
<el-table :data="DrugList" ref="editTable"></el-table>DrugList是表格的数据，监听这个数据的变化。让scrollTop=scrollHeight就可以了watch: { DrugList() { this.$nextTick(() => { if(this.$refs.editTable){ console.log(5821,this.$refs.editT
2022-02-22 16:27:40
491
原创 用v-html来实现双向绑定
<div ref="EdInnerHTML" style="border: 1px solid #acbce8 !important;border-radius: 4px !important;padding: 4px 10px !important;color: #606266;" contenteditable="true" v-html="EduDrugList" @input="changeText"></div>用contenteditable
2022-02-09 17:01:01
926
原创 带建议的输入框，显示不全要带tooltip提示，禁止自定义条目
<el-autocomplete style="width: 98%;" size="mini" v-model="scope.row.Drug.value" :fetch-suggestions=" (queryString, cb) => { querySearchAsync(queryString, cb, 1); } " @blur="onInputBlur(scope.row.Drug)" placeholder="请输入药品名称"
2022-01-21 15:04:04
602
原创 通用样式 -表格的每行的复选框选中打印，清除已勾选
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
612
原创 通用样式 -表格的每行的复选框选中打印
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
481
原创 watch监听数据时候，初次data赋值不监听
immediate: falsewatch: { isEdit(val){ // immediate:true, //初始赋值会监听 // immediate: false, //初始赋值不会监听 // handler() { //当数据是数组，要深度监听时候用 //相关逻辑 cosole.log(val) // }, // deep: true,
2022-01-04 11:04:56
1082
原创 echarts画的柱状图
<template> <div id="airportflight" style="width:100%;" class="bar-wrapper" ref="airportflight"></div></template><script> import Echarts from 'echarts' import * as echarts from 'echarts'; export default { na.
2021-12-14 15:41:42
1201
原创 e-select可以搜索的下拉框，在移动端没有调起键盘
1，在el-select标签上面写这三行ref=“select”@hook:mounted=“cancalReadOnly”@visible-change=“cancalReadOnly”<el-select ref="select" @hook:mounted="cancalReadOnly" @visible-change="cancalReadOnly" v-model="TechDoct.Code" filterable clearable plac
2021-12-07 09:32:42
1030
1
原创 是数组 或 对象 的 时候的监听
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
167
原创 vue获取登录设备，和浏览器
写了以下的一个ststemTool.js文件// get browerexport function GetCurrentBrowser () { let ua = navigator.userAgent.toLocaleLowerCase() let browserType = null if (ua.match(/msie/) != null || ua.match(/trident/) != null) { browserType = 'IE' } el
2021-11-30 14:45:21
1834
原创 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
原创 排序，去重，合并 --用的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
757
原创 前端配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
3097
原创 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
2108
原创 页面的小红点，待处理消息的个数，每60秒调一次接口
created() { this.UnCheckedMessage2()}//推送消息的接口 60秒调一次 UnCheckedMessage2() { const TIME_COUNT = window.config.MessageTime; //config文件里面设置好的60秒 if (!this.timer) { this.count = TIME_COUNT; this.show = false;
2021-11-03 17:37:58
326
原创 分页的基本格式
1,html<div class="pagination" v-if="PageCount>0" style="position: absolute; right: 10px;bottom: 10px;"> <el-pagination :total="TotalCount" :page-sizes="[20, 50, 100, 200]" :page-size="20" layout="total, sizes, prev, pager, n
2021-11-01 16:14:06
257
原创 表格中某一行选中确认后，禁用掉，不让选择且变灰色
1，用的el-table，我这里是把选中确认后的数据跟表格中的数据对比，是选中了的数据就set一个字段Confirmed = true，然后:row-class-name来改这一行的颜色，再:selectable来禁用复选框<el-table :max-height="maxTable" :data="tableData" style="width: 100%" @selection-change="h
2021-10-26 16:55:04
1757
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人