vueフィルタのケース

1047 ワード

バックグラウンドデータを要求すると、注文ステータス、性別など、フィルタを使用する必要があります.次に、フィルタの使用例を示します.





<script src="../lib/vue.js" type="text/javascript" charset="utf-8"/>


    <div id="out">
        <h1>   -      </h1>
        <ul>
            <li v-for="(item,i) in arr">{{i}}--{{item.name}}-{{item.status | status}}</li>
        </ul>
    </div>

<script type="text/javascript">
    Vue.filter('status',function(item){
        if(item==0){
            return '   '
        }else{
            return '    '
        }
    })
    var vm=new Vue({
        el:"#out",
        data:{
            arr:[{name:'  ',status:0},{name:'  ',status:1},{name:'AJ  ',status:0}]
        }
    })
</script>
</code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>