关于console.log打印结果是 [object Object]的解决
更新时间：2022年04月30日 10:06:25 作者：~say hello
这篇文章主要介绍了关于console.log打印结果是 [object Object]的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
console.log打印结果是 [object Object]
问题
之前使用的+ 进行连接，如： console.log("前端参数param是："+self.filters.ip)
显示结果是： [object Object]
解决方案
在VUE文件中，打印拼接的原始数据用 ， 隔开，如
console.log("前端参数param是："，self.filters.ip)结果即可正常显示：
对object.object和object[object]的认识
发现
在做项目的过程中偶然发现了使用object[object]和object.object得到的结果结果是一样的，这让我感觉到很讶异，毕竟以前使用object[object]都是在数组中使用的，并没有这样使用过.
案例
const lineChartData = {
newVisitis: {
expectedData: ['2020-12-1', '2020-12-2', '2020-12-3', '2020-12-4', '2020-12-5', '2020-12-6', '2020-12-7'], //每日注册人数日期
actualData: [120, 82, 91, 154, 162, 140, 145] //每日注册人数
},
messages: {
expectedData: [200, 192, 120, 144, 160, 130, 140],
actualData: [180, 160, 151, 106, 145, 150, 130]
},
purchases: {
expectedData: [80, 100, 121, 104, 105, 90, 100],
actualData: [120, 90, 100, 138, 142, 130, 130]
},
shoppings: {
expectedData: [130, 140, 141, 142, 145, 150, 160],
actualData: [120, 82, 91, 154, 162, 140, 130]
}
}
如上，若我们使用newVisitis内的对象，那么我们肯定是通过this.lineChartData.newVisitis这样获取的。
但是此时我们通过**this.lineChartData[newVisitis]**也可以获取到
代码如下：
methods: {
handleSetLineChartData(type) {
console.log(type)
console.log( lineChartData[type]," lineChartData[purchases]")
console.log( lineChartData.purchases," lineChartData.purchases")
this.lineChartData = lineChartData[type]
}
}
结果如下：
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了详解vue-cli官方脚手架配置,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
下拉框一开始请求第一页的内容,滚动到最后的时候,请求第二页的内容,如此反复,直到所有数据加载完成,这篇文章主要介绍了vue3如何利用自定义指令实现下拉框分页懒加载,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了vue-cli3.0 特性解读,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
这篇文章主要介绍了浅谈vue中$bus的使用和涉及到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
Vue使用xlsx和xlsx-style导出表格出现部分样式缺失的问题解决
这篇文章主要为大家详细介绍一下Vue使用xlsx-style导出excel时样式的设置,以及出现添加背景色,合并单元格部分样式缺失问题的解决,需要的可以参考下2024-01-01
Vue3增加了很多让人眼前一亮的特征,suspense 组件就是其中之一,对处理异步请求数据非常实用,下面这篇文章主要给大家介绍了关于Vue3中如何使用异步请求的相关资料,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了vue如何对一个数据过滤出想要的item问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
element-plus按需引入后ElMessage与ElLoading在页面中的使用
这篇文章主要介绍了element-plus按需引入后ElMessage与ElLoading在页面中的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要为大家介绍了解决vue3 defineProps 引入定义的接口报错详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
在当今前端开发的领域中,Vue 框架因其高效和灵活的特性备受开发者青睐,而 Vant 是一个轻量的移动端组件库,为 Vue 应用的开发提供了丰富且便捷的功能组件,本文将就如何在 Vue 框架中通过 Vant 来实现日期选择器的使用,需要的朋友可以参考下2024-08-08
最新评论