• 日期: 2028-10-31 12:32:25
  • 标签: 常规

///'<div v-for=/'(operator, operateIndex) in ele.operators/' :key=/'operateIndex/' style=/'margin-top: 10px;/' >//n //n <t-select v-model=/'operator.characteristic/' showArrow placeholder=/'点击/' style=/'width: 120px;/'>//n <t-option key=/'点击/' label=/'点击/' value=/'点击/' />//n <t-option key=/'滑动/' label=/'滑动/' value=/'滑动/' />//n <t-option key=/'延时/' label=/'延时/' value=/'延时/' />//n <t-option key=/'重启/' label=/'重启/' value=/'重启/' />//n <t-option key=/'post/' label=/'post/' value=/'文本/' />//n <t-option key=/'shell/' label=/'shell/' value=/'shell/' />//n //n <div v-if=/'operator.characteristic === '点击'/' style=/'display: flex; align-items: center;/'>//n <t-select v-model=/'operator.action/' showArrow placeholder=/'选择操作/' style=/'width: 120px;/'>//n <t-option key=/'坐标/' label=/'坐标/' value=/'坐标/' />//n <t-option key=/'文本/' label=/'文本/' value=/'文本/' />//n <t-option key=/'css/' label=/'css/' value=/'css/' />//n <span style=/' width: 30px;/'>  为//n //n <div v-if=/'operator.action === '坐标'/' >//n <t-input v-model=/'ele.coordinates/' placeholder=/'请输入坐标/' style=/'width: 120px;/'>//n

//n <div v-if=/'operator.action === '文本'||operator.action === 'css'/' style=/'display: flex; align-items: center;/'>//n <t-input v-model=/'ele.coordinates/' placeholder=/'请输入特征/' style=/'width: 120px;/'>//n 的第<t-input v-model=/'ele.index/' autoWidth autofocus type=/'number/' placeholder=/'1/'/><span style=/' width:60px;/'> 个控件//n
//n//n
//n <div v-else-if=/'operator.characteristic === '滑动'/'>//n <t-select v-model=/'operator.direction/' showArrow placeholder=/'选择方向/' style=/'width: 120px;/'>//n <t-option key=/'向上/' label=/'向上/' value=/'向上/' />//n <t-option key=/'向下/' label=/'向下/' value=/'向下/' />//n //n <t-input v-model=/'operator.distance/' placeholder=/'请输入滑动距离/' style=/'width: 120px;/'>//n
//n <div v-else-if=/'operator.characteristic === '延时'/'>//n <t-input v-model=/'operator.delay/' placeholder=/'请输入延时时间/' style=/'width: 120px;/'>//n
//n <div v-else-if=/'operator.characteristic === 'post'/'>//n <t-input v-model=/'operator.input/' placeholder=/'请输入输入框内容/' style=/'width: 120px;/'>//n <t-input v-model=/'operator.text/' placeholder=/'请输入文本内容/' style=/'width: 120px;/'>//n //n <div v-else-if=/'operator.characteristic === 'shell'/'>//n <t-input v-model=/'operator.shell/' placeholder=/'请输入shell命令/' style=/'width: 120px;/'>//n //n//n <t-button shape=/'round/' theme=/'danger/' size=/'extra-small/' style=/'margin-left: 20px; margin-right: auto;/' @click=/'deleteoperateoperate(index,num,operateIndex)/'>//n 删除操作//n //n //n/

Vue.js TDesign 组件库：表单元素的操作配置

原文地址: https://www.cveoy.top/t/topic/qDFJ 著作权归作者所有。请勿转载和采集!

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