快捷键
在表单设计过程中,快捷键的使用可以大幅提高效率,帮助您快速完成常规操作。设计器中内置了一系列实用的快捷键,本文将详细介绍这些快捷键的使用方法。
快捷键操作
以下是目前支持的快捷键操作及其作用:
复制规则:
- 快捷键:
Command/Ctrl + c
- 作用:快速复制当前选中组件的配置规则,让您可以轻松复用配置。
- 快捷键:
粘贴规则:
- 快捷键:
Command/Ctrl + v
- 作用:将剪贴板中的配置规则粘贴到当前选中的组件容器中,或附加到表单的末尾。
- 快捷键:
向上移动选中的组件:
- 快捷键:
Command/Ctrl + ↑
- 作用:向上移动选中的组件,调整其在表单中的位置,简化布局调整。
- 快捷键:
向下移动选中的组件:
- 快捷键:
Command/Ctrl + ↓
- 作用:下移移动选中的组件,调整组件位置以优化表单布局。
- 快捷键:
关闭快捷键
如果您希望暂时不使用快捷键功能,可以通过设置 config.hotKey = false
来关闭这个功能。
vue
<template>
<fc-designer ref="designer" :config="config" />
</template>
<script setup>
const config = {
hotKey: false // 关闭快捷键
}
</script>
通过对快捷键的有效利用,您不仅能够提升设计效率,还可以确保表单设计流程的流畅性和准确性。希望本指南能够帮助您在使用表单设计器时更加得心应手。