标签:分割线 dep model 分割 turn return sum 无效 his
<div id="test" v-cloak> <p>{{message | sum}}</p> <p>{{message | cal(10,20)}}</p> <!--过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串,而不带引号的参数按表达式计算。--> <p>{{message | sum | currency }}</p> <!--添加两个过滤器,注意不要冲突--> </div> <script type="text/javascript"> // -----------------------------------------华丽分割线(从model->view)--------------------------------------- Vue.filter("sum", function(value) { //全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面 return value + 4; }); Vue.filter(‘currency‘, function(value) { return value * 2; }) Vue.filter(‘cal‘, function (value, begin, xing) { //全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面 console.log(begin) return value + begin + xing; }); </script>
备注: filterg过滤器不可使用与input, 如遇input中使用, 请调用 compound 计算属性
标签:分割线 dep model 分割 turn return sum 无效 his
原文地址:https://www.cnblogs.com/shenjilin/p/9914349.html