1.父组件给子组件传递类名的时候,IE浏览器的object元素外面不能有其它元素作为其父元素,否则传递的css类名会绑定到父元素上面。
错误写法:
<template>
<!--类名会绑定到父元素div上面-->
<div>
<object :class="[cname]" ></object>
</div>
</template>
正确写法:
<template>
<object :class="[cname]" ></object>
</template>
props:{
cname:{
type:String,
default:""
}
}
2.父子组件通信
父组件通过props向子组件传值时,需要使用v-bind指令绑定变量,否则无法传值成功,会报类似的错误:[Vue warn]: Invalid prop: type check failed for prop "img_type". Expected Boolean, got String.
比如,正确写法:<close :img_type="false" ></close>
img_type会被当做变量处理。
错误写法:
<close img_type="false" ></close>
`img_type会被当做自定义属性。