Vue.jsで文字省略フィルタを作る
2019年12月23日
長い文字列を省略したいことって結構ありますよね。

こんな感じのコンマなんかでの省略です。
<script>内のexport default内にfiltersを定義します。
export default {
filters: {
truncate: function(value) {
var length = 20;
var ommision = "...";
if (value.length <= length) {
return value;
}
return value.substring(0, length) + ommision;
}
},
}
で、使用するタイミングで
<p>{{msg | truncate}}</p>
という様に使うことで実現できます。
グローバルで定義する場合は以下の記事が参考になります。