elementUI+vue 带有输入框的表格
elementUI VUE 请自行下载安装
HTML
<div style="display: flex;height: 50px;">
<div style="flex: 2;" class="items">日期</div>
<div style="flex: 1;" class="items">姓名</div>
<div style="flex: 1;" class="items">地址</div>
</div>
<div style="display: flex;height: 50px;">
<el-input v-model="input" placeholder="2020-02-03" style="flex: 2;" class="items"></el-input>
<div style="flex: 1;" class="items">王二虎</div>
<div style="flex: 1;" class="items">POS机</div>
</div>
</div>
DATA
input: "",
CSS
.items {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid rgb(235, 238, 245);
border-bottom: 1px solid rgb(235, 238, 245);
}
.items input {
height: 98% !important;
width: 100%;
border: none;
text-align: center;
color: black;
font-size: 16px;
}