本文共 562 字，大约阅读时间需要 1 分钟。

项目需求：计算表格table的高度，mixin分全局引用和局部引用

新建mixin.js

export const publicMinxin= {  data() {    return {      screenHeight: document.body.clientHeight, // 默认值      tableHeight: null, // 表格高度     }  },  methods: {    getTbHeight() {      var toolbarFormH=document.getElementById("toolbar-form").offsetHeight;      this.tableHeight =this.screenHeight -toolbarFormH-331-14;// 初始化表格高度    },  }, }

局部使用

在index.vue使用：

全局使用

main.js引入：注意引入时候要放在Vue实例之前

import {publicMinxin} from "./utils/mixin"Vue.mixin(publicMinxin)

在index.vue使用：

谨慎使用全局混入对象，因为会影响到每个单独创建的 Vue 实例 (包括第三方模板)

转载地址：http://wnesi.baihongyu.com/