vue100-props的required必填项
vue
·
<template>
<div class="hello">
<h3>{{ init }}</h3>
<button @click="changeName">+1</button>
</div>
</template>
<script>
export default {
name: "HelloWorld",
//props是自定义属性 为当前属性定义初始值
//对象设置默认值
props: {
init: {
default: 9,
type:Number,
required:true
},
},
data() {
return {
count: 0,
};
},
methods: {
changeName() {
//报错 this.props是只读的
this.init++;
},
},
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
h3 {
margin: 40px 0 0;
}
</style>
只校验有没有传这个属性
更多推荐
已为社区贡献4条内容
所有评论(0)