vue v-text指令如何调用import过的方法

Question

例如 template中定义一个标签
<div class="cg_table_row_fundname">{{getShortTxtWithLength(item.fundname, 6)}}</div>

getShortTxtWithLength方法是以下方式引入到当前组件中
import {getShortTxtWithLength} from 'src/utils/index.js';

但是提示：

如何正确使用这个方法呢？

Answer 1

把getShortTxtWithLength这个函数绑定在vue.prototype上不可以么？

Answer 2

把这个方法在 methods 中再申明一下，这样：

methods: {
    getShortTxtWithLength,
    // 其他方法
}

Answer 3

报错信息告诉你了，vue对象下是没有这个方法的，所以要想使用vue的语法糖访问，首先你得把对应的内容挂载到vue对象上。

就像一楼说的，把他先挂载到methods方法中，这样你就可以通过{{}}访问了。