Fork me on GitHub

过滤器

<body>
    <div id="app">
        <ul>
            <li v-for="(item, index) in userList" :key="index">
                {{item.name}}---{{item.age}}---<span v-if="item.sex==1">!男</span><span v-else>!女</span>
                ?{{item.sex | judgeSex}}
            </li>
        </ul>
    </div>
</body>

</html>
<script src="../node_modules/vue/dist/vue.js">
</script>


<script>
    let vue = new Vue({
        el: app,
        data() {
            return {
                userList: [
                    { name: '阿斯顿', age: 18, sex: 1 },
                    { name: '小红', age: 19, sex: 0 },
                    { name: '王五', age: 20, sex: 1 },
                ]
            }
        },
        filters: {
            judgeSex(sex) {
                if (sex == 1) {
                    return "男";
                } else {
                    return "女";
                }
            }
        }
    })
</script>
posted @ 2025-03-26 15:21  一名狗书匠&  阅读(4)  评论(0)    收藏  举报

asd