Vue: v λͺ¨λΈμ΄ 선택을 쀑단 함

에 λ§Œλ“  2016λ…„ 06μ›” 03일  Β·  7μ½”λ©˜νŠΈ  Β·  좜처: vuejs/vue

Vue.js 버전

1.0.24

볡제 링크

https://github.com/kucherenkovova/piano/tree/BUG-report-vue
데λͺ¨ ν΄λ”λ‘œ μ΄λ™ν•˜μ—¬ index.html을 μ—½λ‹ˆ λ‹€.

μž¬ν˜„ 단계

Email layout μž…λ ₯ ν•„λ“œμ— 무언가λ₯Ό μž…λ ₯ν•˜μ‹­μ‹œμ˜€.
ν…μŠ€νŠΈ 쀑간에 μ»€μ„œλ₯Ό λ†“μŠ΅λ‹ˆλ‹€.
가상 ν‚€λ³΄λ“œμ—μ„œ λ°± 슀페이슀λ₯Ό λˆ„λ₯΄μ‹­μ‹œμ˜€.

무엇을 κΈ°λŒ€ν•©λ‹ˆκΉŒ?

μ»€μ„œ μœ„μΉ˜μ—μ„œ ν…μŠ€νŠΈκ°€ μ œκ±°λ©λ‹ˆλ‹€.

μ‹€μ œλ‘œ 무슨 일이 μΌμ–΄λ‚˜κ³  μžˆμŠ΅λ‹ˆκΉŒ?

ν…μŠ€νŠΈλŠ” λ¬Έμžμ—΄μ˜ λμ—μ„œ μ œκ±°λ©λ‹ˆλ‹€. selectionStart 속성이 Vue.js에 μ˜ν•΄ μ–΄λ–»κ²Œ λ“  변경됨

μΆ”μ‹  : v-model κ°€μ—†λŠ” λ‹€λ₯Έ μž…λ ₯ μš”μ†Œμ—μ„œ ν…ŒμŠ€νŠΈ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λͺ¨λ“  것이 잘 μž‘λ™ν•©λ‹ˆλ‹€.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

μ–΄μ œ 인터넷이 μ—†μ—ˆμ–΄μš” 😒 였늘 저녁에 ν•  수 있으면 μ’‹κ² μ–΄μš”

λͺ¨λ“  7 λŒ“κΈ€

μ•ˆλ…•ν•˜μ„Έμš”!

문제λ₯Ό μ œμΆœν•΄ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€ πŸ˜„. 문제보고 지침을 λ”°λ₯΄κ³  μ„€λͺ… 된 λ™μž‘μœΌλ‘œ μ΄μ–΄μ§ˆ μˆ˜μžˆλŠ” μž¬ν˜„ κ°€λŠ₯ν•œ 단계 μ„ΈνŠΈκ°€ 포함 된 μ΅œμ†Œν•œμ˜ JSFiddle λ˜λŠ” JSBin을 μ œκ³΅ν•˜μ‹­μ‹œμ˜€.

μ €μž₯μ†Œλ₯Ό λ³΅μ œν•˜κ³  ν¬λ‘¬μ—μ„œ ν…ŒμŠ€νŠΈν–ˆλŠ”λ° 잘 μž‘λ™ν•©λ‹ˆλ‹€. λ‹€μŒμ— κ°„λ‹¨ν•œ μž¬ν˜„μ„ μ œκ³΅ν•˜μ‹­μ‹œμ˜€. μ‚¬λžŒλ“€μ€ 도움을 λ°›κΈ° μœ„ν•΄ 전체 μ§€μ›μ„œλ₯Ό κ²€ν†  ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

ν”Όλ“œλ°±μ„ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. μ‘°λ§Œκ°„ gh-pages 링크λ₯Ό μ œκ³΅ν•˜κ² μŠ΅λ‹ˆλ‹€. Piano.js νŠΉμ„±μœΌλ‘œ 인해 codepen λ˜λŠ” jsfiddleμ—μ„œ 버그λ₯Ό μž¬ν˜„ν•˜λŠ” 것은 λΆˆκ°€λŠ₯ν•©λ‹ˆλ‹€.

이 경우 Piano.js λ•Œλ¬ΈμΌ 수 μžˆμŠ΅λ‹ˆλ‹€. pianojs없이 μž¬ν˜„μ„ λ§Œλ“€ 수 μžˆλ‹€λ©΄ 쒋을 κ²ƒμž…λ‹ˆλ‹€ πŸ‘

@posva μ•ˆλ…•ν•˜μ„Έμš”! μž¬ν˜„ κΈ°λŠ₯ μ΄μžˆλŠ”
μž¬ν˜„ 단계 :

  1. 첫 번째 μž…λ ₯에 ν…μŠ€νŠΈ μ‚½μž…
  2. 일뢀 ν…μŠ€νŠΈ 선택
  3. μž…λ ₯ 근처의 λ²„νŠΌμ„ ν΄λ¦­ν•˜μ‹­μ‹œμ˜€.

κ·€ν•˜μ˜ 응닡을 기닀리고 μžˆμŠ΅λ‹ˆλ‹€!

감사! 버그λ₯Ό μ°Ύμ•˜μŠ΅λ‹ˆλ‹€. μ—…λ°μ΄νŠΈλŠ” ν•΄λ‹Ή 값을 μž¬μ„€μ •ν•˜λ―€λ‘œ 여기에 μΊμ‹±ν•˜κ³  λ‹€μ‹œ κ°€μ Έ κ°€λ©΄ μ‹€μ œλ‘œ λ¬Έμ œκ°€ ν•΄κ²°λ©λ‹ˆλ‹€. κ·Έλž˜λ„ 이것을 ν…ŒμŠ€νŠΈν•˜λŠ” 방법에 λŒ€ν•΄ 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€. e2e ν…ŒμŠ€νŠΈλ₯Ό μž‘μ„±ν•΄μ•Ό ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

μΆ”μ‹  : λ‚˜λŠ” 내일 이것을 ν• κ±°μ•Ό, 자러 😴

μ–΄μ œ 인터넷이 μ—†μ—ˆμ–΄μš” 😒 였늘 저녁에 ν•  수 있으면 μ’‹κ² μ–΄μš”

λ§ˆμΉ¨λ‚΄ 인터넷이 λŒμ•„ μ™”μŠ΅λ‹ˆλ‹€. λ‹¨μœ„ ν…ŒμŠ€νŠΈλ‘œ μ€‘λ‹¨λ˜λŠ” ν…ŒμŠ€νŠΈλ₯Ό λ§Œλ“œλŠ” 데 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€. κ³Όμž‰μ΄μ§€λ§Œ 였늘 e2e ν…ŒμŠ€νŠΈλ‘œ λ‹€μ‹œ μ‹œλ„ ν•  κ²ƒμž…λ‹ˆλ‹€. μž…λ ₯μ—μ„œ blur λ©”μ„œλ“œλ₯Ό ν˜ΈμΆœν•˜λŠ” 것은 μ‹€μ œμ™€ 같은 λ°©μ‹μœΌλ‘œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.
λ‚΄κ°€ 생각해 λ‚Έ μˆ˜μ • 사항은 νλ¦Όμ—μ„œ λ³€κ²½λ˜μ§€ μ•Šμ€ 경우 μž…λ ₯ 값을 μ„€μ •ν•˜μ§€ μ•ŠλŠ” κ²ƒμž…λ‹ˆλ‹€. 기본적으둜 μ—¬κΈ° 쑰건에 _toString(self._watcher.value) !== el.value 을 μΆ”κ°€ν•©λ‹ˆλ‹€ .

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰