Vuetify：动态设置断点？

Question

我有一个滑块，我想用它在弹性框网格上设置断点。根据“列”数据点的当前值调整网格 xs1 到 xs12。我试过v-bind，那不起作用。我将如何实现这一目标？

滑块：

<v-slider
  v-model="columns"
  :label="`Columns : ${columns}`"
  max="12"
  ticks
  ></v-slider>

弯曲：

<v-flex 
  v-for="(val, index) in numberOfRecords" 
  :key="index" 
  v-bind="`xs${columns}`">

数据：

data: () => ({
  numberOfRecords: 40,
  columns: 6,
}),

Answer 1

你需要pass an object to v-bind，它将对象的值绑定到一个与键同名的属性：

v-bind="{[`xs${columns}`]: true}"