|
@@ -1,10 +1,11 @@
|
|
|
<template>
|
|
|
- <el-tooltip v-if="btn_Info" :content="btn_Info.textInfo" placement="top" :disabled="!isBubble || !btn_Info.textInfo">
|
|
|
+ <el-tooltip v-if="btn_Info" :content="btn_Info.textInfo || ''" placement="top" :disabled="!isBubble || !btn_Info.textInfo">
|
|
|
<slot />
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
+import { getObjValue } from 'js-fast-way'
|
|
|
import { onMounted, ref, watch } from 'vue'
|
|
|
import { useAppStore } from '~src/store'
|
|
|
|
|
@@ -24,18 +25,18 @@ const btn_key = ref(props.keys)
|
|
|
const isBubble = ref(useAppState.getBubble)
|
|
|
|
|
|
//监听
|
|
|
-watch(() => [
|
|
|
- props.keys, useAppState.getBubble, useAppState.getButtons,
|
|
|
-], ([keys, bubble]) => {
|
|
|
+watch(() => [props.keys, useAppState.getBubble, useAppState.getButtons], ([keys, bubble]) => {
|
|
|
btn_key.value = keys
|
|
|
isBubble.value = bubble
|
|
|
- btn_Info.value = getButtonsVal(keys)
|
|
|
+ const obj = getButtonsVal(keys)
|
|
|
+ btn_Info.value = getObjValue(obj)
|
|
|
})
|
|
|
|
|
|
//渲染完成
|
|
|
onMounted(() => {
|
|
|
if (props.keys) {
|
|
|
- btn_Info.value = getButtonsVal(props.keys)
|
|
|
+ const obj = getButtonsVal(props.keys)
|
|
|
+ btn_Info.value = getObjValue(obj)
|
|
|
}
|
|
|
})
|
|
|
|