VUE定義全局變量、VUE頁面按鈕控制

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頁面的按鈕控制也是通過此方法實現的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章