vue中prop验证、类型检查及注意事项

1、注意：null和undefined会通过任何类型检测

2、数组或对象类型需要提供默认值的话需要通过函数返回。详情看这里

     props:{// 数组或对象的默认值需要通过函数返回authInfo:{type:Object,default(){return{name:'张三',sex:0}}},list:{type:Array,default(){return[1,2,3]}}}

3、使用自定义函数验证

        props:{address:{validator(value){return ['黑龙江','吉林','辽宁'].indexOf(value) !== -1}}}

4、非prop的特性：若一个属性传向一个组件，但是该组件并没有定义相应 prop。则该属性称为非prop特性。非prop特性会作用到组件的根元素上。
若非prop中含有组件跟元素定义的属性。则非prop中的值会覆盖组件定义的值（这种情况称作非prop继承）。style和class例外，它们会发生合并。
详情看这里

不希望非prop继承该怎么办？
如果不希望非prop自动作用到组件的根元素上可以在vue的组件选项里添加 inheritAttrs选项（此选项无法影响class和style的绑定）。

inheritAttrs:false

inheritAttrs属性可以和$attrs配合可以是非prop作用到开发者想作用到的元素上。而不作用的根元素上。例：

<template><div><input type="text" v-bind="$attrs">   <!--将非prop绑定到此元素--></div>
</template>
<script>export default {name: "sg-test",inheritAttrs:false,//禁止 非prop继承}
</script>

vue中prop验证、类型检查及注意事项相关推荐

Vue中的静态类型检查
Vue还利用Javascript ES6语法来编写代码.然而,当涉及到静态类型检查时,在Vue中使用Typescript就不是那么简单了.有一些课程是关于如何将Typescript和Vue一起使用的, ...
Vue中如果关闭语法检查
Vue中如果关闭语法检查在Vue中随便写一个变量,没有使用就会报错,太烦了. == 只需在vue.configs.js文件中配置一下就行了== const { defineConfig } = r ...
Vue中如何关闭语法检查
Vue中如何关闭语法检查首先先创建一个js文件,不可以改名字,就叫vue.config.js vue.config.js中的内容 module.exports={pages:{index:{//入口 ...
vue中prop的用法
prop的大小写 HTML 中的 attribute 名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符.这意味着当你使用 DOM 中的模板时,camelCase(驼峰命名法)的 prop ...
vue中prop传值
props配置项功能:让组件接收外部传过来的数据传递数据:<Demo name="xxx"/> 接收数据: 第一种方式(只接收):props:['name'] 第二 ...
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
在vue中,可以用sessionStorage或localStorage来存储token,也可以用vuex来存储(但要考虑页面刷新数据消失问题,可以在vuex用Storage),下面介绍用localS ...
python函数参数类型检查_Python中实现参数类型检查的简单方法
Python是一门弱类型语言,很多从C/C++转过来的朋友起初不是很适应.比如,在声明一个函数时,不能指定参数的类型.用C做类比,那就是所有参数都是void*类型!void类型强制转换在C++中被广泛 ...
vue 用户名重复验证_vue检查用户名是否重复
1.vue检查用户名是否重复前端函数如下,js方法代码无需更改,前端代码逻辑在components\common\lab_header.vue 只需要修改components\axios_api\h ...
Vue中使用file类型input标签，无法使用reset方法清空已经选择的文件【简单粗暴的解决方案】
这是在一个vue+springboot的小项目中遇到的问题,如图: 看了其他大佬的文章,看到了不少解决方案,但是无济于事,我这里依然报错,我一不做二不休直接提供一个是十分暴力的解决方案下面这个是两 ...

vue中prop验证、类型检查及注意事项

vue中prop验证、类型检查及注意事项相关推荐

最新文章

热门文章