Bootstrap

vue小白学习问题总结

1、el-input如何调整高度
针对行内编辑的情况,高度不合适输入框会显示不全,所以,调一下高度
我们直接在标签中设置style是不生效的,可以自己试验下
我们需要在<style scoped><style>中设置el-input__inner的样式
如下:

<template>
<el-input ref="input"
	@blur="() => submitEdit(node,data)"
    v-model="newLabel"></el-input>
</template>

<style scoped>
/* 修改el-input高度,方案一: */
/* 某些预处理器(sass)无法识别>>>,建议使用方案二 */
/* >>> .el-input__inner {
  height: 20px;
} */
/* 修改el-input高度,方案二: */
/deep/ .el-input__inner {
  height: 20px;
}
</style>
;