https://terrapinssky.blogspot.com/2018/10/vuejstutorial-filter-on-interpolations.html,
toUppercase filter uses the result of toLowercase filter as input, and toLowercase filter uses content hold in value “string” as input, the result after the chained filters are all in lowercase letters.
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>Result :
<html>
<head>
<title>Local filter - Vue.js</title>
</head>
<body>
<div id="app">
<h1>Without any filter</h1>
{{string}}
<h1>With Chained filter</h1>
{{ string | toLowercase | toUppercase}}
</div>
</body>
<script>
new Vue({
el:"#app",
data:{
string:"String",
},
filters:{
toLowercase(value){
return value.toLowerCase();
},
toUppercase(value){
return value.toUpperCase();
}
}
});
</script>
</html>
No comments :
Post a Comment