Get started with vue-multiselect CDN

MIT licensed

Vue-multiselect is a Vue.js component for creating customizable and searchable dropdown lists.

Tags:
  • vue
  • multiselect

Stable version

Copied!

How to start using vue-multiselect CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with vue-multiselect CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/css/vue.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/multiselect@1.0.0/dist/css/multiselect.min.css">
</head>
<body>
  <div id="app">
    <select class="multiselect" v-model="selected" multiple>
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
      <option value="option4">Option 4</option>
    </select>
    <p>Selected values: {{ selected }}</p>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
  <script src="https://cdn.cdnhub.io/vue-multiselect/2.1.9/vue-multiselect.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/multiselect@1.0.0/dist/js/multiselect.min.js"></script>

  <script>
    new Vue({
      el: '#app',
      data: {
        selected: []
      }
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions