props如何检测对象中属性

来源：4-7 编程练习

王文辉

2021-02-07 21:56:28

这里想把名字和描述作为一个对象，一起传过去，验证的时候失败了，问下，对象的属性该怎么去验证啊

相关代码：

<html>
	<head>
		<meta charset="utf-8">
		<title>4-7动手练习</title>
	</head>
	<div id="app">
		<fruit :content='fruitA'></fruit>
	</div>
	<body>
		<script src="./js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			Vue.component('fruit', {
				props: {
					//这里传对象的时候怎么验证啊
					content.name: {
						type: Number,
						required:false,
						default:"我是默认名字",
						validator: function(value) {
							return (value.length > 5)
						}
					}


				},
				data: function() {
					return {
						fruitATemp: this.content
					}
				},
				template: "<div><h3>{{fruitATemp.name}}</h3><p>{{fruitATemp.content}}</p></div>"
			})
			var app = new Vue({
				el: '#app',
				data: function() {
					return {
						fruitA:{
							name: '草莓',
							content: '美好第一口'
						}
					}
				},
				methods: {

				}
			})
		</script>
	</body>
</html>