gpt4 book ai didi

javascript - 如何在单击按钮时水平添加输入框

转载 作者:太空宇宙 更新时间:2023-11-04 06:07:44 25 4
gpt4 key购买 nike

我需要在单击按钮时添加水平对齐的文本输入框每次我单击“添加属性”时,都应创建一个新的输入框,但水平放置在前一个输入框的右侧。有没有办法在 vue.js 中做到这一点

这添加了输入框,但垂直一个在另一个下面,我希望它们水平对齐

<hr>
<div class="md-layout">
<md-button v-on:click="addKey" class="md-raised md-primary">Add Attribute</md-button>
</div>
<md-content class="md-scrollbar" style="max-width:90vh; overflow: auto">
<div class="md-layout" v-for="value, index in keyList">
<md-field>
<md-input type="text" v-model="value.key" v-bind:id="'keyInput' + index" @keyup.enter="searchKey(value.key, index)"
@focus="updateKey(index)">
</md-input>
<md-input type="text" v-model="value.key" v-bind:id="'keyInput' + index" @keyup.enter="searchKey(value.key, index)"
@focus="updateKey(index)">
</md-input>
<md-button class="md-raised md-primary" :id="'keyButton' + index" @click="removeKey(index)"> X </md-button>
</md-field>
</div>

最佳答案

这个 CSS 应该可以工作

input { display: inline; }

关于javascript - 如何在单击按钮时水平添加输入框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56700994/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com