我有一个以下功能组件,它按预期工作。

<template functional> 
    <div> 
        <input /> 
    </div> 
</template> 
 
<script> 
export default { 
    name: "FunctionalComponent" 
} 
</script> 
 
<style scoped> 
input { 
    border: 2px solid red; 
} 
</style> 

但是,Vue 似乎在作用域样式方面存在一些问题。在 vue devtools 中,我看到这个 AnonymousComponent 渲染,并且在控制台中出现一些错误。如果我删除样式标签,那么它就可以正常工作。

这是预期的结果还是我做错了什么?

请您参考如下方法:

这是 vue-devtools 上的一个错误。

避免出现错误的唯一方法(对于当前版本 - 5.1.1)是使组件功能

已创建问题:https://github.com/vuejs/vue-devtools/issues/1067


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!