t-select v-model=operatorcharacteristic showArrow placeholder=点击 style=width 120px; t-option key=点击 label=点击 value=点击 t-option key=滑动 lab
可以将v-model="ele.coordinates"这个输入框放在v-if="operator.action === '坐标'"的条件下,并且将它放在operator.action下拉框的右侧。
修改后的代码如下:
<t-select v-model="operator.characteristic" showArrow placeholder="点击" style="width: 120px;">
<t-option key="点击" label="点击" value="点击" />
<t-option key="滑动" label="滑动" value="滑动" />
<t-option key="延时" label="延时" value="延时" />
<t-option key="重启" label="重启" value="重启" />
<t-option key="post" label="post" value="文本" />
<t-option key="shell" label="shell" value="shell" />
</t-select>
<div v-if="operator.characteristic === '点击'">
<t-select v-model="operator.action" showArrow placeholder="选择操作" style="width: 120px;">
<t-option key="坐标" label="坐标" value="坐标" />
<t-option key="文本" label="文本" value="文本" />
<t-option key="css" label="css" value="css" />
<span style=" width: 30px;"> 为</span>
</t-select>
<div v-if="operator.action === '坐标'">
<t-input v-model="ele.coordinates" placeholder="请输入坐标" style="width: 120px;"></t-input>
</div>
</div>
这样ele.coordinates输入框就会显示在operator.action下拉框的右侧
原文地址: http://www.cveoy.top/t/topic/iXFb 著作权归作者所有。请勿转载和采集!