在使用vue 全局filter时遇到的问题

最新推荐文章于 2025-06-10 09:41:39 发布

原创最新推荐文章于 2025-06-10 09:41:39 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #前端 #js

博客讲述了Vue过滤器一直不生效、显示空白的问题。通过增加default选项确定过滤器生效，发现是函数内条件格式问题，给case后面数字加冒号解决，因后台数据类型为字符串而非数字，还给出了正确代码。

/**
 * 
 * @param {用户状态} statusNum 
 */
export function userStatusFilter(statusNum) {
    let userStatus = ''
    switch (statusNum) {
        case 1: {
            userStatus = '正常'
            break;
        }
        case 2: {
            userStatus = '冻结'
            break;
        }
    }
    return userStatus
}

一直不生效,显示空白.后来通过增加default选项,确定了过滤器是生效的.

那就是函数内条件的格式问题,给case后面的数字加上冒号就行了,因为后台给的数据类型也是字符串,而不是数字

以下是正确的代码

/**
 * 
 * @param {用户状态} statusNum 
 */
export function userStatusFilter(statusNum) {
    let userStatus = ''
    switch (statusNum) {
        case "1": {
            userStatus = '正常'
            break;
        }
        case "2": {
            userStatus = '冻结'
            break;
        }
    }
    return userStatus
}