- 博客(30)
- 收藏
- 关注
原创 使用element-china-area-data第三方组件实现省市区的级联选择
el-form-item label="项目所在城市" prop="Project_City" :rules="rules.Project_City">CodeToText:属性是区域码,属性值是汉字,用法: console.log(CodeToText['330000']) 浙江省。provinceAndCityDataPlus:省市区二级联动,带全部的选项。provinceAndCityData:省市的二级联动,不带全部的选项。regionData:省市区的三级联动,不带全部的选项。
2024-05-11 14:12:54
997
原创 移除表单项的校验结果的用法
el-form-item label="材料类型:" :prop="'RawList.' + index + '.MaterialType'" :rules="rules.MaterialType">问题:当等于钢板时,是必填的,有必填校验,这时候,把材料类型换成型钢,板厚是不必填的,板厚前面的红色*已经没有了,但是上一次的校验结果还是在下面显示着。需求:表单中有一块的数据是可以手动动态增加的,同时板厚的是否必填是和材料类型有关的,当材料类型等于钢板时,板厚是必填的,当等于型钢时,是非必填的。
2024-04-25 16:37:07
1305
原创 grid的属性和用法
grid-template-columns 属性设置列宽,rid-template-rows 属性设置grid-template-columns 属性设置列宽,rid-template-rows 属性设置1.auto-fill 关键字表示自动填充,让一行(或者一列)中尽可能的容纳更多的单元格。// 一个单元格的宽为200px,会显示最多的单元格2.fr的用法表示第一个列宽设置为200px,后面剩余的宽度分为两部分,宽度分别为剩余宽度的 1/3 和 2/3。
2024-04-25 15:05:42
1297
原创 vant的Picker 选择器的数据回显
console.log("父级索引:", parentIndex);注意:这个需要计算出父级列和子级列对应的默认索引值,在Picker选择器改变时,可以用getColumnIndex来获取对应的索引值,但是考虑到Picker的对应的columnsregion可以会改变,这样在回显的时候可能会出现数据回显错误的情况,所以可以根据id来查找对应的索引值。
2024-03-12 13:53:20
2535
原创 element表格处于编辑状态时,鼠标放上去会显示黑框
问题:表格中有一个字段内容很长,所以使用了show-overflow-tooltip,将超出的内容隐藏,鼠标放上去悬浮显示,但是这样就造成了,鼠标放在可编辑状态下的单元格上面会有一个黑色的空白悬浮框遮挡。<el-table-column align="center" prop="address" label="备注" width="200">需求:实现一个table表格,在编辑状态下可以对表格中的字段进行修改,其他状态下就是正常的表格。
2024-03-12 13:20:53
522
原创 vue 子传父的一种新方法 this.$emit(‘input‘, value)
el-input v-model="temvalue" placeholder="请输入内容"></el-input>
2024-02-04 13:37:20
560
1
原创 表单和下拉选择树TreeSelec联合使用报错
1.这个组件还没有渲染完成,没办法引用到组件上,所以加了一个treeDataUpdateFun的判断,但是加完之后不报错了,下拉框数据为空,但是控制台可以打印treeSelectParams的数据。3.下拉树的数据和表格的数据都是异步的,如果先渲染表格中的数据,再渲染下拉树的数据,肯定会报错,因为下拉树中没有值。所以应该先把下拉树的数据拿到之后,再去渲染表格中的数据。在表格中使用下拉选择树el-tree-select,打开这个表格的时候报错。label="商务成本要素"
2023-12-05 15:00:19
203
原创 遇到不同的项目需要不同node,而开发时间交叉
使用volta为不同的项目切换node版本,不同项目使用不同的版本。下载完成之后在电脑上使用命令行工具查看是否安装成功。
2023-11-30 10:36:04
302
原创 iframe嵌套PDF文件配置
1.首选获取到的url地址要进行oss 加密链接(后端有专门加密的接口)1.1设置默认缩放比例: 在地址栏后面拼接 "#zoom=200"1.5 默认侧边栏工具栏处于关闭状态 navpanes=0。2.加密后通过获取到的加密url获取pdf预览地址。1.3隐藏头部工具栏 : toolbar=0。后端返回一段url地址,用pdf的形式打开。有些PDF形式打开的文件需要一些默认的配置。3.用iframe将url嵌套进去。
2023-09-19 14:54:30
1628
1
原创 全局自定义指令实现千分位转化
注意:进行千分位转换后,数据会变成String类型,但是后端需要的是Number类型。同理在数据回显时也需要将返回是Number数据类型转换为千分位形式的String类型。1.表单中的金额的输入框里面的数据千分位转换,失去焦点转化为千分位格式,获取焦点变回正常格式。// 此处会在 el-input 的 @change 后执行。//千分位反格式化:10,000.00转为10000.00。toFixed 表示保留小数点后几位。//千分位格式化:10000转为10,000.00。可以自定义到小数点后几位。
2023-08-21 09:48:36
187
1
原创 实现动态表单
v-if="(item.Is_Required === true)" :rules="{ required: true, message: '请输入', trigger: 'blur' }">:rules="{ required: true, message: '请输入', trigger: 'blur' }"Is_Required: item.Is_Required, //是否必填。添加的表单的内容是动态的可配置的,在一个页面配置好表单的内容,在另外一个页面就会显示出对应的内容。
2023-08-19 13:54:19
198
原创 使用vuex存储数据
/state 自定义的名字和类型,可定义多个,我用verifierspwd来存储密码。在index.js中引入 import getters from './getters'在store文件夹下新建一个index.js文件,在index.js导入vuex。使用mapGetters获取vuex的数据的话一定要建立getters.js文件。5.可以将这个数据存在getters.js文件中维护。在getters.js文件中增加需要的变量。//唯一可以修改state值的方法。3.在组件中保留数据。
2023-08-05 10:09:56
389
1
原创 弱密码系统登录提醒强制修改
这种方式目前能实现,但是如果直接刷新页面,会造成vuex中存储的数据丢失,导致弹窗 不出来,但我这边需要是强制修改密码的,所以我查了一些,要不然就是把数据存到localStorage中,但是密码是不能这样存的,要不然就是使用第三方库指定需要持久化的state。但是这个只能有一个输入框的校验,而且尽管有校验 ,但是密码框是需要有小眼睛的显示和隐藏的,这上面没有,后来想着用this.$msgbox,做自定义的内容,但是这样同样没有小眼睛,而且校验不好做,所以就放弃了。vuex存数据方式看。
2023-08-05 08:47:10
888
1
原创 点击图片实现全局预览和图表x 轴两端留白的配置项
通常是英文定制右侧容器组件,通过插槽插入子组件,各模块功能内容在右侧容器中展示。当通过el-image实现大图预览时,发现只能在容器组件中展示。要是大图预览全屏展示,就使用ElImageViewer的方法。2.使用ElImageViewer的方法。1.使用element的通用方法。
2023-06-25 13:11:53
168
2
原创 上传文件(element)
before-remove="beforeuploadRemove" 资料文件移除。:on-remove="uploadremove" 资料文件移除。on-success="uploadSuccess" 资料文件上传。:on-preview="openview" 资料文件点击下载。
2023-03-23 17:01:54
144
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人