随笔分类 -  Vue

上一页 1 2
浅谈Vue const _this=this 的理解
摘要：今天开发时遇到一个奇怪的bug。 Vue定义了变量，但是在定义的函数中拿不到 我想了下可能是函数的作用域看不到this么？于是修改成下边刷新了一下 这样curKpiName可以拿到值。 然后又改回去，原来的样子，现在也不报错了。 如果有路过的大神请指导一下为什么会出现这样的情况。 阅读全文
posted @ 2022-07-06 18:07 Timeouting 阅读(496) 评论(0) 推荐(0)
Vue 报错，未知的元素 。Unknown custom element
摘要：由于项目前端需要更新改造，需要在首页导航重新换一个界面。但是很久没写，写好了之后import ，灰色。 如下： 这是没把组件引进来。 组件引入有两步： 1.import xxx from xxx 2.在components下添加 现在就好了 阅读全文
posted @ 2022-07-04 09:38 Timeouting 阅读(1263) 评论(0) 推荐(0)
记一下JS一些用法
摘要：1、将数组每个元素修改为对象。对象列表 更换对象的 key（标识） this.leftData = this.leftData.map((item,index)=>{ return Object.assign({},{'key':item.vocode,'label':item.vodesc}); 阅读全文
posted @ 2022-05-10 16:55 Timeouting 阅读(42) 评论(0) 推荐(0)
在一个大的对象数组中，如何修改数组中某些特定的元素的属性
摘要：解决这个问题关键是两步： 1.找到需要修改的元素 es6中的find函数。 this.leftData.find(item=>item.key=='xxx') 2.进行修改,将key为xxx的value改为 newValue this.leftData.find(item=>item.key=='x 阅读全文
posted @ 2022-05-09 09:12 Timeouting 阅读(812) 评论(0) 推荐(0)
JS实现列表元素合并
摘要：Vue做一个穿梭框的功能，需要用到合并列表元素，左列表合并到右列表。核心思路是右三个数据列表，左、右、选中 method:{ toRight:function(){ var selectData=this.leftData.filter(function(item){ return item.che 阅读全文
posted @ 2022-05-05 10:49 Timeouting 阅读(1302) 评论(0) 推荐(0)
Vue 前端表单提交 踩坑日记
摘要：记录一下前端提交表单的一个小事物，前端的form字段我是用编号来填的， API接口： 前端调用，调用前我做了一个这样的操作，把当前明细行封装成一个结构体，但是明细行绑定的属性字段，不是按照标号来的，所以导致发送到后端接收到的dto属性是null。 然后呢，提交之后，后台打印的字段null。 解决方法 阅读全文
posted @ 2022-04-25 17:03 Timeouting 阅读(269) 评论(0) 推荐(0)
el-switch不生效
摘要：首先是要做一个这样的效果，需要用到开关，但是加上开关效果，不生效，没法做到点一次，换一次。 因为要做到每一行单独控制。所以这个值是到时候每个数据体里面去拿的，所以要借助scope.row去获得。 解决方法：在el-switch外用template包住，加上slot-scope， 要想在表格中每个sw 阅读全文
posted @ 2022-04-11 16:06 Timeouting 阅读(2947) 评论(0) 推荐(0)
Vue中子组件和父组件传值的两种方法
摘要：父组件向子组件传值 1.Vuex状态管理 2.Props属性借助父组件传递 子组件需要做的： 1：props属性中，声明需要传入的参数名（targetData），类型为结构体，r 父组件需要做的： 1：定义出传递的数据类型，名称 定义了targetDataIndex的结构体，里边有id属性，默认为0 阅读全文
posted @ 2022-03-18 11:42 Timeouting 阅读(1121) 评论(0) 推荐(0)
浅谈MVVM的个人理解
摘要：从最简单的MVC说起，MVC经历过MVP，后来又出现MVVM，把C进化成了VM；在我看来，现在我们广泛谈到的MVC，其实就涵盖了MVP和MVVM，因为无论是P还是VM，都是Controller的变体。而Controller的作用就是一个控制器，最原始的前端JSP时代，Controller处理完之后返 阅读全文
posted @ 2022-02-26 18:56 Timeouting 阅读(214) 评论(0) 推荐(0)
简记一些el-table单元格用到的属性
摘要：<el-table :data="detailMessage" 绑定数据 :row-class-name="rowClassName" 控制row（行）样式 :span-method="spanMethod" 合并单元格方法 :cell-class-name="cellClassName"单元格背景 阅读全文
posted @ 2021-11-29 11:03 Timeouting 阅读(477) 评论(0) 推荐(0)
div水平排列
摘要：抄来的好文，记一下，写前端 原文链接：https://www.cnblogs.com/bfgis/p/5533322.html 块级元素默认是垂直排列的，而行内元素是水平排列的，而在布局时基本上都是用块级元素，如div等常用块级标签，那么如何让块级元素也进行水平排列呢？我有100种方式（准确说是10 阅读全文
posted @ 2021-11-24 18:16 Timeouting 阅读(3000) 评论(0) 推荐(0)
简记Vue弹窗组件el-daolog被父界面创建后，子界面created函数只调用一次的解决方案
摘要：最简单的解决方法： 在父容器的 el-dialog外层再加上一层div,如下代码 <div v-if="dialogVisible"> <el-dialog> .... </el-dialog> </div> 变量handleAskKPIShow控制dialog是否显示，外层嵌套的v-if的作用就是 阅读全文
posted @ 2021-11-22 11:39 Timeouting 阅读(1813) 评论(0) 推荐(0)
简记一下关于Vue中el-select选择器的值绑定和表单传输
摘要：首先要分清楚：el-select中 v-model绑定的是将要在表单中提交的值； el-select中如果有多个选择， 方案一列举，按照官网案例： 方案二v-for循环遍历： 场景如下： 待提交的表单中存在select选择器，选择的值要作为内容进行提交： <el-form-item label-wi 阅读全文
posted @ 2021-11-17 18:45 Timeouting 阅读(2093) 评论(0) 推荐(0)

上一页 1 2