logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Element-UI中table组件内容整体居中

style属性加margin:auto:在组件的中加入即可。

#elementui#vue.js
Vue前端+Java后端:根据查询条件,分页查询列表展示

需求:根据查询条件以及页码,页大小向后端请求数据并展示。相关组件:el-formel-form标签中添加属性:inline=“true”,使el-form-item横向分布。el-form标签中添加属性:model=“listQuery”,绑定表单数据对象。查询输入框就可以绑定绑定表单数据对象的某个元素,实现输入赋给该元素。按钮,输入框等各放在一个el-form-item即可。代码:templat

#java#vue.js
Vue页面无法竖向滚动导致显示不全

VUE页面无法竖向滚动在当前页面的最外层div标签中设置样式.fragment-container{height: 100vh;overflow-y: scroll;max-width: 100vw;margin: 0 auto;}

#vue.js#html#java
Vue根据后端返回数据显示不同的form-item

Vue根据后端返回数据显示不同的form-item后台返回的数据需求实现实现思路具体实现后台返回的数据需求获取后台返回的data中的json对象,根据其键值对的数目前端显示相应数目的form-item,并且label显示为键值对的值。实现实现思路不同数目的form-item采用v-if来实现组件是否显示,假设要显示的item最多10个,对每一个form-item从上到下绑定v-if,如v-if =

#vue.js#javascript
Vue实现文字显示框,数据改变即时显示

template中写代码<div class="style1" style="height:50px;margin-top: 10px"><span style="font-size:15px;width:200px;margin-right: 30px">生成的破片场excel表格位置</span><span class="style1" style="

#javascript
vue中table多选/单选行,获取其数据

多选使用官方文档提供的方式:手动添加一个el-table-column,设type属性为selection即可。<template><el-tableref="multipleTable":data="tableData"tooltip-effect="dark"style="width: 100%"@selection-change="handleSelectionChange

#vue.js#javascript
vue前端下载文件(后端接口返回byte[]数组)

需求解析此需求开始的时候最大的误区是,因为后端生成byte数组比较容易,因此总想在后端将其转为Blob发送,过程中遇到很多问题。后来发现,直接发送字节流即可,前端将其转化为Blob很容易。下载接口编写getFile(path) {let formData = new FormData();formData.append('path', path); // 用于后端下载文件的路径this.$axio

#前端#vue.js#javascript
Java后端传图片字节流到Vue前端显示

Java将本地图片转字节流byte[]数组service@Overridepublic byte[] image2bytes(String imgSrc) throws Exception {FileInputStream fin = new FileInputStream(imgSrc);//可能溢出,简单起见就不考虑太多,如果太大就要另外想办法,比如一次传入固定长度byte[]byte[] b

#java
到底了