vue.js:selected不会触发@change事件选择/选项 [英] vue.js :selected doesn't triggering @change event select/option

问题描述

我有道具猫"

props: ['cat1'],

请这段代码

<select class="form-control" @change="set_category">
   <option value="" disabled>Please select category</option>

   <option v-for="category in categories"
          :value="category" 
          :selected="cat1 == category.url">{{ category.name}}
   </option>
</select>

所以在页面加载时调用此代码，问题是，加载页面选项更改后，但它不会触发@change事件，因此我无法真正跟踪蚂蚁在该页面上选择了哪个选项加载. 我用v-model ant等尝试了很多版本，但发现我只是停留在上面.

So this code is called when page its loading and the problem is, that after loading the page option changes but it doesn't triggers @change event, ant because of it i can't actually track which option was selected on page load. I tried alot versions with v-model ant etc but it sees i just stuck on it..

推荐答案

Richard Matsen的答案很好.但是，如果您只想跟踪页面加载时的值，为什么不直接在created(或mounted)上调用它.

Richard Matsen's answer is great. But if you only want to track value on page load, why not just call it on created (or mounted).

created() {
  this.set_category();
}

这是 jsfiddle :

这篇关于vue.js:selected不会触发@change事件选择/选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！