VUE 全局變量有好幾種實現方式,
現在只記錄項目中用到的一個,
將全局變量掛載到Vue.prototype 裏,
在程序入口的main.js里加下面代碼:
Vue.prototype.permissionValue = pms;
掛載之後,在需要引用全局量的模塊處,不需再導入全局變量,直接用this就可以引用了,如下
export default {
name: 'roleList',
data() {
return {
author: this.permissionValue,
}
}
}
<el-button v-if="author.indexOf('sys_role_edit') != -1" size="small"
@click="showModifyPanel(scope.row)">編輯
</el-button>
vue頁面的按鈕控制也是通過此方法實現的