vue.js - vuetify断点未定义，TypeError：无法读取未定义的属性“xsOnly”

Question

:class="{ 'pa-0': noPadding, 'pa-4': !noPadding && $vuetify.breakpoint.xsOnly }"

在 devtool 我有错误

TypeError: Cannot read property 'xsOnly' of undefined

有什么问题？

我的 app.js

import Vuetify from 'vuetify';
Vue.use(Vuetify);

版本 Vuetify 2.4.5

标签： vue.jsvuetify.js

Answer 1

我可以想象你只需要在前面加上这个：:class="{ 'pa-0': noPadding, 'pa-4': !noPadding && this.$vuetify.breakpoint.xsOnly }" 所以你不一定需要一个计算属性。而且我确定您在 Vuetify 中定义了 xsOnly 以便它不会返回“未定义”