https://jsfiddle.net/wangmin/rdjjpc7a/1628/
рдЗрд╕ рдбреЗрдореЛ рдореЗрдВя╝МрдЬрдм рдореИрдВ рдПрдВрдЯрд░ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рддрд╛ рд╣реВрдБ
рдореИрдВрдиреЗ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд┐рдпрд╛ e.stopPropagation() рдФрд░ e.preventDefault()
рд▓реЗрдХрд┐рди рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛
рдпрд╣ рдПрдХ рдирдИ рд▓рд╛рдЗрди рдмрджрд▓ рджреЗрдЧрд╛
рдореИрдВ рд╡рд╣ рдирд╣реАрдВ рдЪрд╛рд╣рддрд╛
рдХреИрд╕реЗ рдмрдЪреЗрдВ ...
рдзрдиреНрдпрд╡рд╛рдж
рдЖрдкрдХреЗ рдЙрджрд╛рд╣рд░рдг рдореЗрдВ рдХрдИ рдЪреАрдЬреЗрдВ рдЧрд▓рдд рд╣реИрдВ:
@keyup.onEnter="update"
рдХреЗ рдмрдЬрд╛рдп, рдЖрдкрдХреЛ @keyup.enter="onEnter"
рдкрд░ рдХреЙрд▓ рдХрд░рдирд╛ рд╣реЛрдЧрд╛, рдХреНрдпреЛрдВрдХрд┐ рдЖрдкрдХреА рд╡рд┐рдзрд┐ рдХрд╛ рдирд╛рдо onEnter
рд╣реИ, рди рдХрд┐ update
рдФрд░ рд╕рдВрд╢реЛрдзрдХ рдХрд╛ рдирд╛рдо рд╣реИ enter
, рди рдХрд┐ onEnter
ред
рджреВрд╕рд░рд╛: keydown
рдкрд░ рдЯреЗрдХреНрд╕реНрдЯрд░реЗрд░рд╛ рдореЗрдВ рдирдИ рд▓рд╛рдЗрди рдбрд╛рд▓реА рдЧрдИ рд╣реИ, рди рдХрд┐ keyup
рдкрд░, рдЗрд╕рд▓рд┐рдП рдкреВрд░рд╛ рдХреЛрдб рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП:
<div id="editor">
<textarea :value="input" @keydown.enter="onEnter"></textarea>
</div>
рдпрд╣рд╛рдБ рдПрдХ рдЕрджреНрдпрддрди рдкрд╣реЗрд▓реА рд╣реИ: https://jsfiddle.net/tedt89kv/
рд╕рд╛рде рд╣реА, рдзреНрдпрд╛рди рд░рдЦреЗрдВ рдХрд┐ рдЖрдкрдХреЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЖрдкрдХреЗ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ рдирдИ рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде рдЯреЗрдХреНрд╕реНрдЯ рдХреЛ рдХреЙрдкреА рдФрд░ рдкреЗрд╕реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдПрдХ рджреНрд░рд╖реНрдЯрд╛ рд╡рд╣реА рд╣реЛрдЧрд╛ рдЬреЛ рдЖрдк рдЪрд╛рд╣рддреЗ рд╣реИрдВред рд╡реЙрдЪрд░ рдореЗрдВ, рдЖрдк рдЯреЗрдХреНрд╕реНрдЯрд░реЗрд░рд╛ рдХреЗ рдореВрд▓реНрдп рдХреЗ рдкреНрд░рддреНрдпреЗрдХ рдкрд░рд┐рд╡рд░реНрддрди рдкрд░ рд╕рднреА рдиреНрдпреВрд▓рд╛рдЗрди рд╣рдЯрд╛ рд╕рдХрддреЗ рд╣реИрдВред
рд╕рд╛рде рд╣реА, рдЙрд╕ рд╕рдорд╕реНрдпрд╛ рдЯреЗрдореНрдкрд▓реЗрдЯ рд╕реЗ рдЬрд┐рд╕реЗ рдЖрдкрдиреЗ рдЕрдкрдирд╛ рдкреНрд░рд╢реНрди рдкреЛрд╕реНрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдЯрд╛ рджрд┐рдпрд╛ рдерд╛:
рдЗрд╕ рд░реЗрдкреЛ рдХреА рдирд┐рд░реНрдЧрдо рд╕реВрдЪреА рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдмрдЧ рд░рд┐рдкреЛрд░реНрдЯ рдФрд░ рдлреАрдЪрд░ рдЕрдиреБрд░реЛрдзреЛрдВ рдХреЗ рд▓рд┐рдП рд╣реИред рд╕рд░рд▓ рдкреНрд░рд╢реНрдиреЛрдВ рдХреЗ рд▓рд┐рдП, рдХреГрдкрдпрд╛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕рдВрд╕рд╛рдзрдиреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ:
- рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдкрдврд╝реЗрдВ: https://vuejs.org/guide/
- рд╡реАрдбрд┐рдпреЛ рдЯреНрдпреВрдЯреЛрд░рд┐рдпрд▓ рджреЗрдЦреЗрдВ: https://laracasts.com/series/learning-vue-step-by-step
- рдЧрдЯрд░ рдЪреИрдЯ рд░реВрдо рдореЗрдВ рдкреВрдЫреЗрдВ: https://gitter.im/vuejs/vue
- рдордВрдЪреЛрдВ рдкрд░ рдкреВрдЫреЗрдВ: http://forum.vuejs.org/
- рд╕реНрдЯреИрдХ рдУрд╡рд░рдлрд╝реНрд▓реЛ рдкрд░ рдкреНрд░рд╢реНрди рджреЗрдЦреЗрдВ/рдкреВрдЫреЗрдВ: https://stackoverflow.com/questions/ask?tags=vue.js
рдзрдиреНрдпрд╡рд╛рдж ... рдореИрдВ рдЕрдЧрд▓реА рдмрд╛рд░ рдФрд░ рд╕реЛрдЪреВрдВрдЧрд╛
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдЖрдкрдХреЗ рдЙрджрд╛рд╣рд░рдг рдореЗрдВ рдХрдИ рдЪреАрдЬреЗрдВ рдЧрд▓рдд рд╣реИрдВ:
@keyup.onEnter="update"
рдХреЗ рдмрдЬрд╛рдп, рдЖрдкрдХреЛ@keyup.enter="onEnter"
рдкрд░ рдХреЙрд▓ рдХрд░рдирд╛ рд╣реЛрдЧрд╛, рдХреНрдпреЛрдВрдХрд┐ рдЖрдкрдХреА рд╡рд┐рдзрд┐ рдХрд╛ рдирд╛рдоonEnter
рд╣реИ, рди рдХрд┐update
рдФрд░ рд╕рдВрд╢реЛрдзрдХ рдХрд╛ рдирд╛рдо рд╣реИenter
, рди рдХрд┐onEnter
редрджреВрд╕рд░рд╛:
keydown
рдкрд░ рдЯреЗрдХреНрд╕реНрдЯрд░реЗрд░рд╛ рдореЗрдВ рдирдИ рд▓рд╛рдЗрди рдбрд╛рд▓реА рдЧрдИ рд╣реИ, рди рдХрд┐keyup
рдкрд░, рдЗрд╕рд▓рд┐рдП рдкреВрд░рд╛ рдХреЛрдб рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП:рдпрд╣рд╛рдБ рдПрдХ рдЕрджреНрдпрддрди рдкрд╣реЗрд▓реА рд╣реИ: https://jsfiddle.net/tedt89kv/
рд╕рд╛рде рд╣реА, рдзреНрдпрд╛рди рд░рдЦреЗрдВ рдХрд┐ рдЖрдкрдХреЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЖрдкрдХреЗ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ рдирдИ рдкрдВрдХреНрддрд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде рдЯреЗрдХреНрд╕реНрдЯ рдХреЛ рдХреЙрдкреА рдФрд░ рдкреЗрд╕реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдПрдХ рджреНрд░рд╖реНрдЯрд╛ рд╡рд╣реА рд╣реЛрдЧрд╛ рдЬреЛ рдЖрдк рдЪрд╛рд╣рддреЗ рд╣реИрдВред рд╡реЙрдЪрд░ рдореЗрдВ, рдЖрдк рдЯреЗрдХреНрд╕реНрдЯрд░реЗрд░рд╛ рдХреЗ рдореВрд▓реНрдп рдХреЗ рдкреНрд░рддреНрдпреЗрдХ рдкрд░рд┐рд╡рд░реНрддрди рдкрд░ рд╕рднреА рдиреНрдпреВрд▓рд╛рдЗрди рд╣рдЯрд╛ рд╕рдХрддреЗ рд╣реИрдВред