new Vue({
el: '#app',
vuetify: new Vuetify(),
data() {
return {
cars: [
{
id: 1,
title: "Honda",
value:'',
},
{
id: 2,
title: "Toyota",
value:'',
},
{
id: 3,
title: "Audit",
value:'',
},
],
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.js"></script>
<div id="app">
<template>
<div>
<v-row>
<v-col
v-for="(car,index) in cars"
class="d-flex ma-0 pa-0 pl-2 pr-1 pb-3"
cols="12"
md="4"
sm="4"
:key="index"
>
<v-checkbox
:label="car.title"
color="primary"
hide-details
dense
></v-checkbox>
<v-combobox
:items="[1000,2000,3000,4000]"
label="car value"
outlined
dense
></v-combobox>
</v-col>
</v-row>
</div>
</template>
</div>