混合指令minixs的使用场景

项目问题：

有多个登录注册页面，如：忘记密码，登录，注册，快速注册等；需要根据判断是否是ie浏览器，确定是否对左边图片进行特殊css设置；

 

 

需求，ie下，左边图片需要设置width:33%;非IE下不需要设置宽度；

解决办法：

mixins文件夹中定义，JudgeUser.js

export default {
    computed: {
        JudgeUser() {
            if (!!window.ActiveXObject || "ActiveXObject" in window) { return true; } else { return false; }
        }
    }
}

在每个登录注册页面引入JudgeUser.js

import JudgeUser from "./mixins/judgeUser"

mixins: [JudgeUser],

然后就可以把mixins中定义的computed的方法，当作本页面中定义的使用；

<div class="left-pic" :class="{'setWidth':!JudgeUser}">
<img v-show="this.isCurrentWay == 'recurit'" :src="toJob" alt />
<img v-show="this.isCurrentWay == 'job'" :src="toRecurite" alt />
</div>