vue2.0 在input 中使用filter 局部过滤器

Question

小弟最近在学习vue2.0的局部过滤器，但是在input中使用filter 一直报错，兄弟们，帮忙看看吧

<template>

<div>
    <input type="text"
           v-model="message | change">
</div>

</template>

<script>

 export default {
     data(){
         return {
             message:""
         }
     },
     filters:{
         change:function(value){
               return value + "4";
         }
     }
 }

</script>

Answer 1

好像是filter,不是filters,filter 不能和v-model一起用，只能和v-bind 或者 {{}}中使用

https://cn.vuejs.org/v2/guide...

Answer 2

change 名字换另外一个名字，试一下

Answer 3

用computed吧,vue2里面v-model不能用过滤器了

Answer 4

想问问楼主，这个问题你是怎么处理的呢，现在我也是碰到这个一模一样的问题了，再v-module中不能使用过滤器，有什么更好的方式来实现这过滤器吗？

Answer 5

可以使用计算属性转换一下，在计算属性中对v-model的值进行计算，然后返回，demo看这里https://github.com/vippiv/vue...
这是在线链接,过滤后只显示前5个字符
http://www.ftc20.com/demo/vue...