随笔分类 - 前端vue
摘要：效果图,在新增行时增加空值判断,如果有空值不允许新增行 vue2代码示例<template> <div class="home"> <el-form :model="form" ref="form" :rules="rules"> <el-table :data="form.tableData" s
阅读全文
摘要：效果图如下 解释说明: 主要用到了 npm包： npm i js-calendar-converter 地址详情 https://github.com/jjonline/calendar.js 我的休息日是根据接口的字段去判断,接口返回了当年的是否休息字段数据 isWorkday 将接口替换,其余粘
阅读全文
摘要：如果可以的话，这个才是最终解决方案，可以解决复用同一个vue页面导致的生命周期只在初始化调用，后续不调用的问题，监听路由的变化只是调用接口，不会触发生命周期
阅读全文
摘要：<el-switch v-model="measures.enableMeasureValue" active-color="#13ce66" inactive-color="#ff4949" :active-value="true" :inactive-value="false"></el-swi
阅读全文
摘要：最近有一个需求要用到elementui中的日期选择器组件，但是elementui中的不太满足，在网上找到一个引用里面的组件的教程https://blog.csdn.net/mouday/article/details/103932261 但是引用完成后报错Module parse failed: U
阅读全文
摘要：问题原因：页面在初始化的时候el-checkbox-group 的v-model要绑定一个数组，但是我的在生命周期的created中才为其绑定数据，造成再渲染dom时绑定数据类型不对而报错 解决办法：1.在视图渲染之前给该值赋值为空数组 解决办法： 2 在data中定义的数据初始化一个数组 推荐使用
阅读全文
摘要：DOM结构 <el-button @click="handleCopy(scope.row.code)" icon="el-icon-document-copy" type="text"></el-button> js逻辑 handleCopy(feeCode) { const input = do
阅读全文
摘要：第一种记得箭头函数不要写大括号，不写大括号表示return,写了大括号在大括号里面要写return哦， 注释的部分为第二种办法
阅读全文
摘要：1，有时数据结构在后台，前台需要调接口，然后绑对应的dom结构，这时处理不好后台会报找不到某个属性的错误，但是后台数据是有的，原因就是在页面渲染的时候，后台数据还没完成，所以会有报错，想要解决报错，只需要在对应的报错位置加上v-if，判断是否已有值，有值才会渲染，这样前台就不报错了，踩坑 谨记谨记谨
阅读全文
摘要：千万要写上这个value-ky,不然会全选， 另外如果想要select绑定的值是对象，options的值也要是对象，总结，el-options绑定的值是字符，则select对应选择的是字符，如果是对象，则对应的为对象，（不要忘记加上value-key）
阅读全文
摘要：近期要实现这么一个功能，select下拉框中实现折叠，代码如下 <el-select v-model="value" value-key="objectFullPath" popper-class="selectTree" size="mini" :style="{width: widthSize}
阅读全文
摘要：在接口中有baseURL就不会拼axios中默认的baseURL
阅读全文
摘要：将需要作为模板的代码复制下来点击“file“→settings”→“Editor”→“Live Templates（动态模板）”选择“vue”点击“+”选择“Live Template”将Abbreviation（缩写）中内容改为vue（需要用这段模板代码的时候只需要输入vue 然后按“Tab”键）
阅读全文
摘要：今天做了一个功能，在弹出框中做一个点击上面的标签按钮可以定位到下面的位置 上图 <el-select style="width: 100px" v-model="data.cname" popper-class="selectStyle" size="small" placeholder="请选择"
阅读全文
摘要：首先列举平常使用Vue 父组件传递数据到子组件的几种情况 传递的是基础数据类型(Number,Boolean,String)传递的是引用类型（Object,Array）结论 当传给子组件的Prop为基本数据类型是（Number,String）在子组件中修改Prop控制台会报错 prop的值不会改变当
阅读全文
摘要：最近注册组件踩了一个坑。一直报错 查了些许资料挨个比对 重点！！！！以上这些都没问题的话，抓紧看看用组件的时候名字是不是写错了，我就是 引用的时候不知道为啥写错了，谨记谨记谨记
阅读全文
摘要：state:{ count:0 }// 原始形式调用时插值表达式形式<div>{{$store.state.count}}</div>赋值函数形式是在computed中important {mapStatte} from'vuex'computed:{ ...mapState['count'] co
阅读全文
