vue自定义一个过滤器

• Z时代
• 2024-01-10
• 分类：综合

vue如何自定义一个过滤器

html代码：

<div >
     <input type="text" v-model="msg" />
     {{msg| capitalize }}
</div>

　　JS代码：

var vm=new Vue({
    el:"#app",
    data:{
        msg:''
    },
    filters: {
      capitalize: function (value) {
        if (!value) return ''
        value = value.toString()
        return value.charAt(0).toUpperCase() + value.slice(1)
      }
    }
})

全局定义过滤器

Vue.filter('capitalize', function (value) {
  if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

以上是 vue自定义一个过滤器 的全部内容， 来源链接： utcz.com/z/378451.html