[Vue warn]: Error in render: “TypeError: Cannot read property ‘toString‘ of undefined“----避坑

今天作者又出现这样的错误，可以说是家常便饭啦，那么我来说一下怎么简单的使以上错误得以解决！！

其实最简单直接的方法就是使用三元运算符

一开始作者使用了一个js功能模块

let price = function(num,type=0){
	const numStr = num.toString() 
	const arr = numStr.split(".")
	const int = arr[0]
    var float
	if(arr.length == 1){
		float = "00"
	}else if(arr.length == 2){
		const floats = arr[1]
		if(floats.length == 1){
			float = floats + "0"
		}else{
			float = floats
		}
		
	}
	
	const newArr = [
		int,
		float
	]
	
	return newArr[type]
}

export 	{
	price
}

 运用在vue模板中，作者这里写了一个方法运用这个js功能模板，这是vue中methods中的一个方法

solvePrice(money,type=0){
			return price(money,type)
		}

其后运用在html模板中

<view class="singer_price">￥{{solvePrice(detailData.product_money)}}.<text class="little_count">{{solvePrice(detailData.product_money,1)}}</text></view>

随后出现了这样的错误！！！！

解决方法如下

<view class="singer_price">￥{{solvePrice(detailData.product_money?detailData.product_money:'')}}.<text class="little_count">{{solvePrice(detailData.product_money?detailData.product_money:'',1)}}</text></view>

这里作者的代码有点简陋了，大家如果有什么能让作者改进的地方，可以私信我，我会非常的感谢您来对我指导哈哈哈哈！！！

自我想法

看到这里，大家心里可能想的是：“我的代码出现了如标题一样的错误，但是错的地方不是这个”，当然这里可能是最简单的一种方法，或许你遇到的和我不一样，那我只能和你说一声抱歉了！以后作者遇到了类似这样的方法也会写篇文章，来记录诸如此类的错误！

希望对读者们有所帮助

--来自 tongge_1(作者网名)