Vue截断字符串，其中包含完整字符串的可点击链接

Question

我正在为我的表创建一个截断字符串功能，但是我想让用户可以通过点击链接或按钮来查看那些截断的字符串怎么做？

我使用过滤器进行截断并添加一些文本以指示这些字段上有一些字符被截断但不知道如何将这些文本转换为可点击元素，所以也许我可以使用它来触发工具提示或显示包含完整字符的模态

filters: { 
    truncate: function(string, value) {
        return string.substring(0, value) + '...';
    }
  }

更新 我如何使用就像任何其他过滤器一样，我有一个来自后端的itemdata并且只是将它循环到表中的“v-for”

{{ itemdata.address | truncate(50) }}