- 博客(211)
- 资源 (4)
- 收藏
- 关注
原创 TypeError: Cannot read properties of undefined (reading ‘setValue‘)
1、需求场景- 在父组件点击修改按钮,展示子组件并且渲染数据(父组件调用子组件的方法)// 父组件async handleEdit(record) { let res = await this.$http(this.$url.INSPECTION_MONTH_REPORT_INFO + record.record.id, 'get') let {data} = res; if(data.code === 0) { this.$nextTick(() => { this
2021-10-26 10:00:55 10060
原创 [Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘value‘)
1、问题描述:antd 下拉框选择的时候报了这个错误<a-select :defaultValue="0" v-model="executeCycleUnit" @change="handleExecuteNum"> <a-select-option :value="0"> 分钟 </a-select-option> <a-select-option :value="1"> 小时 </a-select-option><
2021-09-09 19:54:47 47769 2
原创 Ant Design of Vue表格中slot-scope=“text, record”
1、需求:单元格中的内容需要循环渲染,如图2、后台返回的数据格式为:3、刚开始使用的是这样:<template slot="conditionsArr" slot-scope="text, record"><ul class="conditonBox"> <li v-for="(item, index) in record.conditionsArr" :key="index"> <div class="listBox">
2021-05-12 09:14:51 15202 5
原创 npm(cnpm) 安装报错:源文本中存在无法识别的标记
npm install --save @arcgis/core报错:源文本中存在无法识别的标记。所在位置 行:1 字符: 24+ npm install --save <<<< @arcgis/core + CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException + FullyQualifiedErrorId : UnrecognizedToken解
2021-03-29 11:41:55 7187 6
原创 vue中axios统一设置请求头和单独设置请求头
统一:// 创建axios实例const axios= axios.create({ timeout: 5000, // 请求超时时间 headers: { "content-type": "application/x-www-form-urlencoded" }});axios默认是 application/json (如果不设置的话)单独:that.$axios .post(this.$api + "/api/Sys/Upload", uploadData, {he
2020-12-30 14:07:25 16338 2
原创 vue数据类型[__ob__: Observer]格式的转换以及使用判断
[ob: Observer]: 可视察数组,不能通过tableData === []这样判断是否为空,需要使用数组的长度判断才有效:tableData.length > 0[ob: Observer]转成正常数组:1、Object.assign({},this.tableData)2、JSON.parse(JSON.stringify(this.tableData)如果是这种数组类型[],可以直接操作:tableData === []或者tableData.length > 0...
2020-12-18 09:28:21 13162
原创 vue后台返回的{__ob__: observer}值转化成数组使用concat()方法
在移动端,上拉加载,请求下一页数据,然后总数据拼接上一页数据,那么问题来了问题描述:第一页数据没问题的,看标记的地方,然后在浏览器中上拉加载下一页的时候报错了// 判断是否是处在第一页if (that.pages_re === 1) { // 更新最新值 // that.receiveList = dataList that.receiveList = Object.assign({}, dataList)} else { // 数组拼接 console.log(this.
2020-12-03 18:59:06 9353 6
原创 vue中动态添加class类名(对象形式)以及数据更新试图不更新问题
项目中比较常用的就是点击某个高亮,如::class="{'active': activeTab === index}"突然遇到比较复杂的需求,比如根据客户类型展示不一样的样式(有很多种客户类型,每个都不一样)以前百度看到有很多种方法,都没有一一去尝试,直到自己需要用的时候才…(想起流浪地球— 起初没有人在意这场灾难,直到它和每个人息息相关)哈哈… <div class="evaluateLi_cusType_common" :class="{'evaluateLi_cusType':
2020-09-24 13:36:45 12011 5
原创 css3关于box-shadow看不到效果的问题
两个盒子贴一起,如果单纯设置box-shadow:0px 8px 25px 1px rgba(44,16,111,0.06);不一定看到效果的,尝试在需要给阴影的盒子加z-index属性z-index: 2020;神奇的出来了。酒能醉人,亦能醒人。
2020-08-17 15:39:31 8529 7
原创 element-ui动态更改el-table某个单元格字体颜色
处于某种原因,有时候一个表格里很多种样式,比如单元格动态改变字体颜色如UI图html:通过:cell-style="cellStyle" 方法返回一个回调,具体参数看文档<el-table :data="tableData" style="width: 100%" :header-cell-style="{color: '#848484', fontSize: '14px'}" :cell-style="cellStyle" :default-sort = "{prop: 'dat
2020-08-12 16:31:15 28112 6
原创 element-ui更改el-table表头背景颜色、字体大小
秃然发现一个问题,所以记录一下。每个人都知道<el-table :header-cell-style="{color: '#848484', background: '#qua'}" ></el-table>但是如果你修改字体大小或者使用background-color,那问题就出现了。:header-cell-style="{color: '#848484', font-size: '14px', background-color: '#qua'}"保存的时候
2020-08-11 14:51:13 16922 1
原创 输入框input(element-ui、antd)中el-input组件只能输入数字(空格无效)
input标签或者el-input标签<input type="text" placeholder="请输入手机号" class="search_txt" v-model="searchPhone" maxlength="11" oninput = "value=value.replace(/[^\d]/g,'')"><el-input v-model="searchForm.phone" placeholder="请输入手机号" maxlength="11" oninput = "
2020-08-10 15:03:56 6597 2
原创 vue前端自动生成编号或者订单单号(日期+随机数)
created () { // 调用获取当前日期的方法加四位随机数 赋值表单中的项目编号 this.form.number = this.getProjectNum() + Math.floor(Math.random() * 10000) // 如果是6位或者8位随机数,相应的 *1000000或者 *100000000就行了},methods: { // 获取当前日期的方法 getProjectNum () { const projectTime = new Date()
2020-08-04 15:41:21 14892 15
原创 devtools最新安装方法
刚开始百度安装devtools遇到了各种坑,总是怀疑是自己哪个步骤出错了或者网速问题,最后的最后…先声明,本文摘自:mac解决最新devtools第一步:安装地址:https://github.com/vuejs/vue-devtools之前的失败都是因为是在dev分支上操作,我的是window系统,对于切换分支我是在github上修改的,如图:这是默认分支:(点击dev)第二步:第三步:解压压缩包,在目录下运行: npm install安装完依赖后运行: npm run buil
2020-07-15 11:58:19 15037 8
原创 vue canvas绘制点、直线、矩形、圆、多边形;以及点击选中高亮;拖拽、放大缩小;明暗度调节
vue canvas绘制点、直线、矩形、圆、多边形;以及点击选中高亮;拖拽、放大缩小;明暗度调节
2023-12-13 15:17:27 4927 1
原创 vue2 + antd1.7.8 和 vue3 + antd2.2.8表单动态添加删除表单项
vue2 + antd1.7.8 和 vue3 + antd2.2.8表单动态添加删除表单项
2022-08-15 11:05:29 1075 1
原创 通过window.location.href 或 window.location.search 获取url的参数集合以及某个参数的值
通过window.location.href 或 window.location.search 获取url的参数集合以及某个参数的值
2022-08-15 10:11:12 6356
原创 vue antd a-table组件设置表头鼠标移入悬浮显示(自定义的表头)
vue antd a-table组件设置表头鼠标移入悬浮显示(自定义的表头)
2022-07-25 15:00:31 4131
原创 antd Select组件mode=“multiple“ 限制选中个数
antd Select组件mode="multiple" 限制选中个数
2022-05-31 15:03:38 3599 6
原创 vue3 含文件类型传Form Data数据格式给后台文件参数值异常 file: [object Object]
vue3 含文件类型传Form Data数据格式给后台文件参数值异常 file: [object Object]
2022-05-16 10:10:24 4444
原创 vue3使用vsc编辑器代码无高亮且置灰了,但是不报错又能正常运行 和 ‘DataChoose‘ is declared but its value is never read
vue3使用vsc编辑器代码无高亮且置灰了,但是不报错又能正常运行 和 'DataChoose' is declared but its value is never read
2022-05-11 17:12:56 1441
原创 vue3.2 antd 使用Select组件的搜索filterOption
vue3.2 antd 使用Select组件的搜索filterOption
2022-04-27 16:52:38 2827
原创 vue2 和 vue3 antd 使用Form表单修改编辑时循环对象,使用对象属性的唯一性赋值,antd表单赋值时:赋多赋少都会报错喔
vue2 和 vue3 antd 使用Form表单修改编辑时循环对象,使用对象属性的唯一性赋值,antd表单赋值时:赋多赋少都会报错喔
2022-04-25 09:41:36 2302 2
原创 vue3 使用antd Table组件中 rowSelection 时发现选中项 selectedRowKeys 清空没有效果,叠加了上次的选中数据
vue3 使用antd Table组件中 rowSelection 时发现选中项 selectedRowKeys 清空没有效果,叠加了上次的选中数据
2022-04-22 15:06:59 7957 2
原创 vue3 把antd 的Modal组件作为子组件时,本地运行是没问题的,打包后 cancel关闭事件触发无效
vue3 把antd 的Modal组件作为子组件时,本地运行是没问题的,打包后 cancel关闭事件触发无效
2022-04-20 11:07:07 3113 3
原创 vue 一个组件中一个或者多个动态echarts图表切换渲染问题
vue 一个组件中一个或者多个动态echarts图表切换渲染问题;echarts.js:2286 Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They should not be 0.For example, you may need to call this in the callback of window.onload.
2022-04-20 10:29:47 4224
原创 vue3 使用Echarts 的 dataZoom 滑动效果 type: ‘inside‘或type: ‘slider‘时无效果以及悬浮层不显示
vue3 使用Echarts 的 dataZoom 滑动效果 type: 'inside'或type: 'slider'时无效果以及悬浮层不显示
2022-04-19 21:08:18 3833
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人