+
{{ item.original }}
@@ -555,10 +555,16 @@ const edit_event = (item: any, index: number) => {
// 输入框 输入完成
const edit_input_change = (val: string) => {
edit_index.value = -1;
- UploadAPI.saveAttachmentName({ id: edit_id.value, original: val }).then((res) => {
+ UploadAPI.saveAttachmentName({ id: edit_id.value, original: val || '' }).then((res) => {
ElMessage.success('修改成功!');
});
};
+const edit_input_keydown = (event: any) => {
+ // 阻止回车键默认事件
+ if (event.keyCode === 13) {
+ edit_index.value = -1;
+ }
+};
// 删除图片/视频/文件
const del_event = (item: uploadList) => {
diff --git a/src/main.ts b/src/main.ts
index 4c4110dd..7b108512 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,15 +7,19 @@ import Particles from 'vue3-particles';
import common from '@/utils/common';
//default styles
-import Vue3DraggableResizable from 'vue3-draggable-resizable'
-import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css'
+import Vue3DraggableResizable from 'vue3-draggable-resizable';
+import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css';
import '@/styles/index.scss';
const app = createApp(App);
// 将common设置为全局
app.config.globalProperties.$common = common;
-
+app.directive('focus', {
+ mounted(el) {
+ el.querySelector('input').focus();
+ },
+});
app.use(router);
app.use(Particles);
app.use(Vue3DraggableResizable);
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 575e4e4b..ff2ea2af 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -263,3 +263,11 @@
height: 0.8rem;
background-color: #f0f2f5;
}
+
+// 禁止双击选中
+.no-select {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
\ No newline at end of file