Vue: IE 11์˜ vue 2.0.0 (๋˜๋Š” ๊ทธ ์ด์ƒ)์—์„œ select ์š”์†Œ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋ Œ๋”๋ง ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2017๋…„ 07์›” 25์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vuejs/vue

๋ฒ„์ „

2.4.2

๋ณต์ œ ๋งํฌ

https://jsfiddle.net/ntdd9g2a/86/

์žฌํ˜„ ๋‹จ๊ณ„

  1. IE11์—์„œ ๋งํฌ ์—ด๊ธฐ
  2. ์„ ํƒ ์š”์†Œ๊ฐ€ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋ Œ๋”๋ง๋˜์ง€ ์•Š๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

๋ฌด์—‡์„ ๊ธฐ๋Œ€ํ•ฉ๋‹ˆ๊นŒ?

์„ ํƒ ์š”์†Œ์˜ ๋‘ ๋ฒˆ์งธ ์˜ต์…˜ ( '่œๅ• ไบŒ')์ด๋ณด๊ธฐ์— ์žˆ์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์‹ค์ œ๋กœ ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

์„ ํƒ ์š”์†Œ์˜ ์„ธ ๋ฒˆ์งธ ์˜ต์…˜ ( '่œๅ• ไธ‰')์ด ์—ฌ์ „ํžˆ๋ณด๊ธฐ์— ์žˆ์Šต๋‹ˆ๋‹ค.


์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๋ฉด setTimeout์„ ์‚ฌ์šฉํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์–ด๋–ป๊ฒŒ ๋๋Š”์ง€ ์•Œ๊ณ  ์‹ถ์–ด

๋ชจ๋“  4 ๋Œ“๊ธ€

์‹ค์ œ๋กœ ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋ฅผ ์ด๋ฏธ ์ˆ˜์ •ํ–ˆ๋Š”์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์ง€๋งŒ ์•„์ง ์ถœ์‹œํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

@posva , dev ๋˜๋Š” PR์—์„œ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐ ํ•œ ์ฝ”๋“œ๋ฅผ ์ฐพ์ง€ ๋ชปํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— # 6213 ๐Ÿ˜

์ด๊ฒƒ์ด ์ˆ˜์ • ๋  ๋•Œ๊นŒ์ง€ jsFiddle ์˜ˆ์ œ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• (SSR์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Œ) :

  mounted: function() {
    var self = this;
    window.setTimeout(function() {
      self.selected = '2';
    }, 0);

Vue.nextTick() ์ด ์ž‘๋™ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.
์—ฌ๊ธฐ OP jsFiddle์„ ํฌํฌํ–ˆ์Šต๋‹ˆ๋‹ค : https://jsfiddle.net/sidecut/ncznhLt8/

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰