前言

在前端开发中，使用Vue的时候关于组件使用是非常常见的操作，而且也会遇到各式各样的问题，尤其是刚接触前端开发的开发者。本篇博文分享一下在封装关于Vue的组件的时候，通过计算属性监听父子组件传值提示警告的问题，即：Computed property "show" was assigned to but it has no setter错误。那么接下来就来介绍一下该提示警告的解决方法，记录一下，方便查阅使用。

报错提示

在运行Vue项目之后，浏览器控制台会提示一个警告提示，具体的警告提示信息如下所示：

[Vue warn]: Computed property "show" was assigned to but it has no setter.found in---> <MaintDialog> at src/pro/nt/components/MaintDialog.vue       <ProDils> at src/pro/nt/views/ProDils.vue         <App> at src/App.vue           <Root>

 

分析

通过控制台的警告提示，可以窥探一二，提示的大概意思就是虽然分配了计算属性“show”，但是它没有setter。也就是子组件中定义的计算属性缺少setter，使用过计算属性的开发者应该都明白࿰