20240213每日前端-------聊聊前端实现策略模式的简单应用

最新推荐文章于 2024-09-15 21:53:26 发布

杨诚实

最新推荐文章于 2024-09-15 21:53:26 发布

阅读量107

点赞数 1

分类专栏：每日前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_42678822/article/details/138807567

版权

每日前端专栏收录该内容

19 篇文章 1 订阅

订阅专栏

VUE2实现不同类型走不同方法，去除各种if判断

mounted() {
    // 文件变化重新预览
    this.$watch('resourceType', {
        async handler(val) {
            this.loading = true
            this.showErrorMessage = false
            this.$refs.content.innerHTML = ''
            try {
                const content = this.$refs.content
                await this[`${this.extraName.toLowerCase()}Preview`](content, val)
            } catch (e) {
                this.showErrorMessage = true
            }
            this.loading = false
        },
        immediate: true
    })
}