vue專案報錯[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties start

vue專案中報錯：

[Vue warn]: Property "visible" must be accessed with "$data.visible" because properties starting with "$" or "_" are not proxied in the Vue instance to prevent conflicts with Vue internalsSee: https://vuejs.org/v2/api/#data

如下：

報錯原因：

專案中使用的是Element UI訊息提示Message：import { Message } from 'element-ui';

請求響應攔截器中err處理的程式碼錯誤:

Message.error(response.data.data|| "出現錯誤，請稍後再試");//寫法錯誤，

因為Message.error()或Message()接收型別string/VNode，而現在response.data.data是個陣列，所以報錯。

 

解決方法：

改成如下兩種寫法都可以了

Message.error({
  message: response.data.data || "出現錯誤，請稍後再試"
})
或
Message({
  type:'error',
  message: response.data.data || "出現錯誤，請稍後再試"
})

總結：這種錯誤一般都是因為傳的引數跟方法接受引數型別不符引起的。