vue教程2-06 过滤器

发布时间：2020-12-16 23:12:37 所属栏目：百科来源：网络整理

导读：vue教程2-06 过滤器过滤器: vue提供过滤器: capitalize uppercase currency.... ? debounce 配合事件，延迟执行 " ? ? 数据配合使用过滤器: limitBy 限制几个 limitBy 参数(取几个) limitBy 取几个从哪开始 ="val in arr | " !--取2个，从第arr.length-2个

vue教程2-06 过滤器

过滤器:
vue提供过滤器:
capitalize uppercase currency....

debounce 配合事件，延迟执行

数据配合使用过滤器:
limitBy 限制几个
limitBy 参数(取几个)
limitBy 取几个从哪开始

="val in arr | ">

        <!--取2个，从第arr.length-2个开始取-->
        <li v-<span style="color: #0000ff;"&gt;for</span>="val in arr | <span style="color: #ff0000;"&gt;limitBy 2 arr.length-2</span>"&gt;<span style="color: #000000;"&gt;
            {{val}}
        </span></li>
    </ul>
</div>
<script>

    <span style="color: #0000ff;"&gt;var</span> vm=<span style="color: #0000ff;"&gt;new</span><span style="color: #000000;"&gt; Vue({
        data:{
            arr:[</span>1,2,3,4,5<span style="color: #000000;"&gt;]
        },methods:{

        }
    }).$mount(</span>'#box'<span style="color: #000000;"&gt;);

</span></script></pre>

filterBy 过滤数据
filterBy ‘谁’

="val in arr | ">