Vue.js页面数据渲染成功，但是控制台还是报错提示未定义

Question

去结算是用京东购物车的图片，从json数据中获取的，页面图片都渲染出来了，但是控制台还是有这个警告提示

这个是json数据

{	
	"allSelect" : "全选" , 
	"titles" : [ "商品" , "单价" , "数量" , "小计" , "操作"] ,
	"operation" :{
			"remove" : "删除" ,
			"follow" : "移到我的关注",
			"addFollow" : "加到我的关注"
	},
	"settlement" : [
			 "删除选中的商品" , "移到我的关注" ,"清除下柜商品"
	],
	"settlementImage":{
		"btnImage" : "https://misc.360buyimg.com/user/cart/css/i/cart-submit-btn.png" ,
		"tipsImage" : "https://misc.360buyimg.com/user/cart/css/i/price-tips.png"
	},
	"settlementBtnIcon" : "https://misc.360buyimg.com/user/cart/css/i/cart-submit-btn.png" ,
}

使用settlementImage.btnImage 页面上的图片可以加载出来，但是有警告提示，

<a href="#none" :style="{backgroundImage:'url(' + goods.settlementImage.btnImage +')'}"></a>

使用settlementBtnIcon页面上的图片可以加载出来，没有报错，请大神看下是什么原因，

<a href="#none" :style="{backgroundImage:'url(' + goods.settlementBtnIcon +')'}"></a>

Answer 1

头疼啊

Answer 2

怎么解决的啊

Answer 3

已解决