因为本公司现在用的不是构建式的框架,所以目前还是多页面开发方式,使用<script>全局引用。在这里我就记录一下在项目中遇到的一些奇葩问题:
1、表格在render中使用过滤器:
render: (h, params) => {
return h('span', appLayout.$options.filters['formatNum'](params.row.GoodsSpecNum))
}
在上面代码块中,应用了千分位的过滤器“formatNum”。在这里要考虑的一个问题是作用域的问题,一般我们应用一个方法,都是以this开头的,但是在render里面this指代的是块级,而不是全局,所以我们在这里用的是实例化的变量appLayout。
2、给表格中的title属性换行
render: (h, params) => {
return h('div', {
attrs: {
title: params.row.RepWareHouseName + '\n' + params.row.OutWarehouseName
}
}, [
h('p', params.row.RepWareHouseName),
h('p', params.row.OutWarehouseName)
])
}
}