You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PrimeVue v-tooltip使用计算属性时触发TypeError报错的问题求助

PrimeVue v-tooltip使用计算属性时触发TypeError报错的问题求助

大家好,我最近在测试PrimeVue,写了一个简单的时间戳模板并导入到主App.vue中展示。模板里的timestamp和local_timestamp都能正常渲染显示,但绑定了local_timestamp的tooltip却完全不工作——如果我把tooltip的值换成普通字符串,它就能正常弹出。

控制台还抛出了这样的错误:

main.js:29 TypeError: r.value.value.trim is not a function

这个错误指向PrimeVue Tooltip组件内部的一行代码,大概是在对tooltip的内容执行trim操作时出了问题。

我把组件代码贴出来,麻烦大家帮我看看哪里出问题了:

<template>
  <div v-tooltip="{ value: local_timestamp }">
    {{ timestamp }}
  </div>
  {{ local_timestamp }}
</template>

<script setup>
import { computed, defineProps } from 'vue'

const props = defineProps({
  timestamp: {
    type: String,
    required: true
  }
})

const local_timestamp = computed(() => {
  return new Date(props.timestamp)
})
</script>

我已经参考过PrimeVue Tooltip的官方文档,但还是没找到问题根源,有没有大佬能指点一下?

备注:内容来源于stack exchange,提问作者jreeves

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 13:24:32