- 博客(6)
- 收藏
- 关注
原创 在websocket中实现echarts曲线图实现变化
办法:引入封装好的websocket js文件 在页面内的通讯连接wsMessageHanler内将后端通过websocket实时传输的数据获取到 然后将这些数据push到一个数组内 在方法中将echarts配置完整写出来,确保曲线图能够出来,这时要在wsMessageHanler中调用echarts方法,页面中写入一个div标签用来放置曲线图。在data中定义一个空数组,用处在于将从websocket中获取的数据push到这个数组中。页面中需要写入的div标签。重点在于ref="usedmemory"
2023-07-24 14:40:59
388
原创 Vue新增中像后端传名称时也要将名称对应的id传给后端
解决方法:要上传两个值就要给两个值分别定义,一个定义在v-model内,另一个给值改变事件获取到想要的值。vue中使用下拉框进行值的传递时,需要传递姓名的同时将id也传过去。
2023-07-01 17:04:09
500
原创 vue内根据历史数据进行输入框联动数据自动补全
实现步骤:①实现点击输入框既能出现历史数据也能进行手动录入(这时需要在列表方法中的循环里面定义一个对象用来接收参数(这个参数可以多个,可以是id、名称也可以是其他字段),然后在将这个对象push到:fetch-suggestions='queryString'中的queryString方法内定义的一个数组中)存在问题:vue新增中想实现点击第一个输入框会出现历史数据,且点击这些历史数据中的某个数据时,下方输入框会自动填补对应内容。
2023-07-01 16:03:38
753
原创 后端返回数据顺序是乱的,实现根据名称进行自动匹配查找对应数据
项目问题:通过websocket与后端进行通信时,接收后端返回数据的顺序是打乱的或者上一秒传输的是心跳值,下一秒传输的是数据值,这个时候利用索引进行数据分割截取在渲染到页面上,就会出现一会数据显示心跳值一会显示真正的数据。// this.aa this.bb this.cc this.dd 是你要渲染的方法 不过这个要看你自己真实数据。解决方法:在methods内写一个自动根据字段名称查找对应数据的方法,然后将这个查找数据的方法带入到你要获取数据的代码内。
2023-07-01 11:34:36
310
原创 Element-ui中this.$confirm去掉确定或者取消按钮
在使用element-ui内的this.$confirm组件时进行确定或取消按钮的显隐
2023-06-13 14:18:57
3257
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人