1. 7kaji

    No comment

    7kaji
Changes in body
Source | HTML | Preview
@@ -1,41 +1,40 @@
長い文字列を省略したいときに フィルターほしくなると思います。
Vue.js では、
> グローバルな Vue.filter() を使用してカスタマイズしたフィルタを登録することができます。
とのことです。
## JS
```js
Vue.filter('truncate', function(value, length, omission) {
var length = length ? parseInt(length, 10) : 20;
var ommision = omission ? omission.toString() : '...';
- if(value.length <= length) {
+ if (value.length <= length) {
return value;
}
- else {
- return value.substring(0, length) + ommision;
- }
-
+
+ return value.substring(0, length) + ommision;
});
```
## html
View 側ではこんな感じで使えると思います。
```html
<!-- 'msg' => '隣の客はよく柿食う客だ' -->
-<p>{{msg |truncate 5 '。。。}}</p>
+<p>{{msg | truncate 5 '。。。'}}</p>
```
## 結果
```
隣の客はよ。。。
```
## REF
-カスタムフィルタ - vue.js : http://jp.vuejs.org/guide/custom-filter.html
+[カスタムフィルタ - vue.js](https://012-jp.vuejs.org/guide/custom-filter.html)