JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

fix(editor): 解决UISelect控制台警告 (#289)

Browse Source 
* fix(editor): 解决UISelect控制台警告

tooltip使用时，如果直接子元素有v-if, 会造成控制台警告`[ElOnlyChild] no valid child node found`,添加一个固定元素，避免警告。

* Update UISelect.vue

修改v-if到tooltip
This commit is contained in:
i33 2022-08-19 10:52:01 +08:00 committed by GitHub
parent aed4b42191
commit 0536ac29ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/editor/src/fields/UISelect.vue
View File

@ -3,8 +3,14 @@
<el-button type="danger" :icon="Delete" text style="padding: 0">取消</el-button> <el-button type="danger" :icon="Delete" text style="padding: 0">取消</el-button>
</div> </div>
<div class="m-fields-ui-select" v-else @click="startSelect" style="display: flex"> <div class="m-fields-ui-select" v-else @click="startSelect" style="display: flex">
<el-tooltip content="清除"> <el-tooltip v-if="val" content="清除">
<el-button v-if="val" style="padding: 0" type="danger" :icon="Close" text @click.stop="deleteHandler"></el-button> <el-button
style="padding: 0"
type="danger"
:icon="Close"
text
@click.stop="deleteHandler"
></el-button>
</el-tooltip> </el-tooltip>
<el-tooltip :content="val ? toName + '_' + val : '点击此处选择'"> <el-tooltip :content="val ? toName + '_' + val : '点击此处选择'">
<el-button text style="padding: 0; margin: 0">{{ val ? toName + '_' + val : '点击此处选择' }}</el-button> <el-button text style="padding: 0; margin: 0">{{ val ? toName + '_' + val : '点击此处选择' }}</el-button>