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>