网站开发如何使用微信登录,鞍山专业做网站公司,惠州做企业网站的,找建设网站公司1.去除el-tabs组件自带的键盘切换功能
今天在使用element的tabs组件时#xff0c;发现这个tab组件自带了按键盘左右方向#xff0c;切换tab的功能#xff0c;可以通过使用keydown.native.capture.stop去除该事件
el-tabs v-modeleditableTabsValuetype发现这个tab组件自带了按键盘左右方向切换tab的功能可以通过使用keydown.native.capture.stop去除该事件
el-tabs v-modeleditableTabsValuetypecard:addabletruesizesmalltab-positiontopstyleheight:100%keydown.native.capture.stopreftabs
/el-tabs
2.我在el-tabs组件的标签中嵌套了el-input之后发现每次在el-input中输入文字光标都会跳到最后一位。具体原因不知。
最终的解决办法就是不使用el-input。而是使用原生的input。这样光标就不会总在最后一位了。
inputclasstabInputautocompleteofftypetextblurcloseRenameTab(msg)changecloseRenameTab(no)input.stopv-modelone.title /input
.tabInput{position: relative;font-size: 12px;display: inline-block;-webkit-appearance: none;background-color: #fff;background-image: none;border-radius: 4px;border: 1px solid #dcdfe6;box-sizing: border-box;color: #606266;height: 25px;line-height: 25px;outline: none;padding: 0 7px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 100%;
}
