title: Vuejs select won't select right options
body: <p>When I'm in edit page I expect to get my saved product tags selected by default.</p>
  <p>Currently it only selects 1 of them and repeat it as much tags as I have (example)</p>
  <p><a href="https://i.stack.imgur.com/Bj6Kk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bj6Kk.png" alt="one" /></a></p>
  <h1>Code</h1>
  <p><code>HTML</code></p>
  <pre><code>&lt;el-col :span=&quot;22&quot;&gt;
      &lt;el-select
          v-model=&quot;form.tags&quot;
          multiple
          filterable
          style=&quot;width:100%;&quot;
          allow-create
          default-first-option
          placeholder=&quot;Choose tags for your product&quot;&gt;
          &lt;el-option
              v-for=&quot;item in tagss&quot;
              :key=&quot;item.id&quot;
              :label=&quot;item.name&quot;
              :value=&quot;item.name&quot;&gt;
          &lt;/el-option&gt;
      &lt;/el-select&gt;
  &lt;/el-col&gt;
  
  &lt;el-form-item label=&quot;Categories&quot;&gt;
      &lt;el-col :span=&quot;24&quot;&gt;
          &lt;el-cascader
              v-model=&quot;form.categories&quot;
              style=&quot;width: 100%;&quot;
              :options=&quot;cats&quot;
              :props=&quot;{
                  multiple: true,
                  checkStrictly: true,
                  value: 'id',
                  label: 'name',
              }&quot;
              clearable
              filterable&gt;
          &lt;/el-cascader&gt;
      &lt;/el-col&gt;
  &lt;/el-form-item&gt;
  </code></pre>
  <p><code>Script</code></p>
  <pre><code>data() {
      return {
          cats: [],
          tagss: [],
          form: {
              tags: [],
              categories: [],
              _method: 'PUT',
          },
      }
  },
  mounted () {
      this.fetchProduct()
      this.getData()
  },
  methods: {
      getData () {
          axios.get('/api/admin/products', {
              headers: {
              Authorization: 'Bearer ' + localStorage.getItem('access_token')
              }
          })
          .then(response =&gt; {
              this.brands = response.data.brands;
              this.cats = response.data.categories;
              this.tagss = response.data.tags;
          })
          .catch(function (error) {
              console.log('error', error);
          });
      },
      fetchProduct() {
          axios
              .get('/api/admin/products/'+this.$route.params.id, {
                  headers: {
                      Authorization: 'Bearer ' + localStorage.getItem('access_token')
                  }
              })
              .then(response =&gt; {
                  this.form.tags = response.data.data.tags
                  this.form.categories = response.data.data.categories
                  console.log('all tags from backend: ', this.tagss) // sample data below
                  console.log('this product tags from backend: ', response.data.data.tags) // sample data below
              })
              .catch(function (error) {
                  console.log('error', error);
              });
      }
  }
  </code></pre>
  <blockquote>
  <p>here is sample results of my <code>console.log</code> in code above</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/B86ov.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B86ov.png" alt="two" /></a></p>
  <blockquote>
  <p>note: I've mentioned my tags in this question but also shared my categories code as well, as you can see my categories have the same issue.</p>
  </blockquote>
  <p><strong>Any idea what might be the issue?</strong></p>