鍍金池/ 問答/HTML/ vue v-text指令如何調(diào)用import過的方法

vue v-text指令如何調(diào)用import過的方法

例如 template中定義一個標(biāo)簽
<div class="cg_table_row_fundname">{{getShortTxtWithLength(item.fundname, 6)}}</div>

getShortTxtWithLength方法是以下方式引入到當(dāng)前組件中
import {getShortTxtWithLength} from 'src/utils/index.js';

但是提示：

clipboard.png

如何正確使用這個方法呢？

回答
編輯回答
痞性

把getShortTxtWithLength這個函數(shù)綁定在vue.prototype上不可以么？

2017年2月25日 06:06
編輯回答
卟乖

把這個方法在 methods 中再申明一下，這樣：

methods: {
    getShortTxtWithLength,
    // 其他方法
}
2017年4月28日 11:59
編輯回答
艷骨

報錯信息告訴你了，vue對象下是沒有這個方法的，所以要想使用vue的語法糖訪問，首先你得把對應(yīng)的內(nèi)容掛載到vue對象上。

就像一樓說的，把他先掛載到methods方法中，這樣你就可以通過{{}}訪問了。

2018年1月16日 16:14