360企業(yè)安全瀏覽器兼容模式顯示異常 ，現(xiàn)象測試環(huán)境頻發(fā) ，本地連測試無法復(fù)現(xiàn)，線上反饋問題。
出現(xiàn)問題的電腦為windows且使用360企業(yè)安全瀏覽器打開兼容模式可復(fù)現(xiàn)

復(fù)現(xiàn)過程：

不直接點(diǎn)擊超鏈接跳轉(zhuǎn)頁面 ，登錄后直接通過出問題的頁面的全鏈接訪問成功復(fù)現(xiàn)問題。

解決方案和過程

通過控制臺打印出localStorage里的內(nèi)容看所取得數(shù)據(jù)是否存在 ，在看使用的方法是否兼容不同瀏覽器 ，可能部分?jǐn)?shù)組的方法不兼容導(dǎo)致， 因為我這個是取的vueX里的內(nèi)容 要先看能否打印出來，多次嘗試后發(fā)現(xiàn)稅率列表沒有取到。所以要在頁面加載前保證稅率列表存在。

<el-table-columnprop="taxRate"label="稅率"width="60"align="right"><template slot-scope="scope">//vue的mixins混入功能<span> {{ getTaxRateName(scope.row.taxRate) }} </span></template></el-table-column>

相關(guān)知識點(diǎn)
mixins使用一、局部混入：

1）、混入 (mixin) 提供了一種非常靈活的方式，來分發(fā) Vue 組件中的可復(fù)用功能。一個混入對象可以包含任意組件選項。當(dāng)組件使用混入對象時，所有混入對象的選項將被“混合”進(jìn)入該組件本身的選項。

2)、選項合并

當(dāng)組件和混入對象含有同名選項時，這些選項將以恰當(dāng)?shù)姆绞竭M(jìn)行“合并”。

比如，數(shù)據(jù)對象在內(nèi)部會進(jìn)行遞歸合并，并在發(fā)生沖突時以組件數(shù)據(jù)優(yōu)先。

①：新建minxins.js文件

import { mapState } from 'vuex'
export default {data() {return {// taxRateList: []}},computed: {...mapState(['taxRateList'])},mounted() {},methods: {/*** 獲取 稅率字典list* @returns {Promise<void>}*/// async getTaxrateList() {//   let list = await this.$api.common.***({//     classCode: 'taxRate'//   })//   this.$set(this, 'taxRateList', list)// },/*** 通過稅率code  返回相應(yīng)名稱* @param code* @returns {*}*/getTaxRateName(code) {if (this.taxRateList.length) {let rate = this.taxRateList.find(t => t.codeCode == code)if (rate) {return rate.codeName}return ''}},/***  返回稅率名稱，過濾掉百分號* @param code* @returns {*}*/getTaxRate(code) {let name = this.getTaxRateName(code)if (name && name.endsWith('%')) {return name.slice(0, -1)}return ''}}
}

import mixins from '@/mixins'Vue.mixin(mixins)
Vue.use(VueCookies)
new Vue({router,store,render: h => h(App)
}).$mount('#app')

這么貼心不給個關(guān)注嗎～～