Vuetify Basic

by gunit

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/vuetify.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/vuetify.min.js"></script>
    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css">
    <div id="app">
      <v-app>
        <v-select v-model="input.user_id" :items="users" item-value="id" item-text="name" label="Users"/>
      </v-app>
    </div>

JavaScript

Vue.use(Vuetify);

    var vm = new Vue({
      el: "#app",
      data: () => ({
            input: {
                user_id: 2,
            },
            users: [
              {
                id: 1,
                name: "John",
                last: "Doe"
              },
              {
                id: 2,
                name: "Harry",
                last: "Potter"
              },
              {
                id: 3,
                name: "George",
                last: "Bush"
              }
            ]
        })
    });