可以将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;">&nbsp;&nbsp;为</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 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录