vuejs v-on에서 Chrome이 작동하지 않음:옵션 태그를 클릭합니다.

vuejs v-on에서 Chrome이 작동하지 않음:옵션 태그를 클릭합니다.

다음과 같은 코드를 가지고 있습니다.

<select>
  <option v-for="category in step4.categoryList" v-on:click="setCategoryId(category.id)">
     @{{category.category_name }}
  </option>
</select>

파이어폭스에서는 정상적으로 동작하지만 크롬이나 사파리에서는 동작하지 않습니다.즉, @click은 옵션태그에 있을 때 크롬에서는 동작하지 않습니다.

제가 vuejs를 쓰고 있는 게 분명해요.

감 잡히는 게 없어요?

옵션 태그의 클릭 이벤트는 전혀 실행되지 않습니다.기대하지 마세요.선택 시 변경 이벤트 바인딩:

<select v-on:change="setCategoryId">
  <option
    v-for="category in step4.categoryList"
    :value="category.id">
    @{{category.category_name }}
  </option>
</select>

그럼 인setCategoryId가지고 가다event.target.value아이디가 됩니다.

언급URL : https://stackoverflow.com/questions/51179656/chrome-doesnt-work-for-vuejs-v-onclick-in-option-tag