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
相关产品推荐
相关产品推荐

