【 VUE 】vue中的filter
<h4>filter的使用</h4>
<hr />
<p>// 过滤器输入filter 显示 Filter</p>
<pre><code> <!-- 过滤器 //输出 Filter -->
<div>{{ message | capitalize }}</div>
<!-- 在 `v-bind` 中 -->
<div v-bind:id="rawId | formatId"></div></code></pre>
<pre><code class="language-javascript">//template
data(){
return{
message:'filter',
}
}
//过滤器
filters: {
capitalize: function (value) {
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
},
formatId:function(value){
if (!value) return ''
value = value.toString()
return value.charAt(0).toUpperCase() + value.slice(1)
}
},</code></pre>