vue.js2.5 / vuetify应用程序中的布局
vue.js2.5 / vuetify应用程序中的布局
提问于 2018-04-11 19:11:18
在vue.js2.5 / vuetify应用程序中，当我想在超小型设备上使用2列时，我使用next layout和2个输入：
<v-flex xs12 sm6>
<v-text-field
label="Created at"
v-model="artist_created_at_label"
readonly disabled
v-show="!is_insert"
></v-text-field>
</v-flex>
<v-flex xs12 sm6 class="pl-4">
<v-text-field
label="Updated at"
v-model="artist_updated_at_label"
readonly disabled
v-show="!is_insert && artist_updated_at_label"
></v-text-field>
</v-flex>我使用
class="pl-4" 对于右输入( artist_updated_at_label )到左输入( artist_created_at_label )的距离，但如何摆脱它额外的小型设备，因为我在这种情况下不需要它？
谢谢！
回答 1
Stack Overflow用户
发布于 2018-04-11 19:16:40
可以使用$vuetify.breakpoint (docs)访问当前视口大小。
它是反应式的，所以你可以让你的类成为有条件的，这样它就只出现在arbitrary sizes上(例如，smAndUp排除了xs)。
:class="{'pl-4': $vuetify.breakpoint.smAndUp}"页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49773583
复制相关文章
相似问题
腾讯云开发者
