JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui/lib/index.js"></script>
<div id="app">
<el-select id='my-select' v-model='myValue'>
<el-option value='1'>Option 1</el-option>
<el-option value='2'>Option 2</el-option>
</el-select>
</div>
SCSS
@import url("//unpkg.com/element-ui/lib/theme-default/index.css");
Babel + JSX
var Main = {
data(){
return {
myValue : ''
}
},
mounted(){
document.getElementById('my-select').addEventListener('keydown',
(e)=>{
if(e.keyCode == 13){
e.stopPropagation()
}
//Nếu muốn chặn luôn arrow keys (các phím mũi tên )
/* if(e.keyCode == 13 || ( e.keyCode >= 37 && e.keyCode <= 40)){
e.stopPropagation()
} */
});
},
methods: {
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')