eltable 无数据文案修改_vue Babel7配置支持jsx|修改el-pagination

vue Babel7配置支持jsx|修改el-pagination

原因

因为业务上的需求和element-ui pagination组件有一点出入，需要自定义配置。通过引入element-ui pagination组件后，发现需要支持jsx语法

项目配置：

vue-cli3 ,babel7

效果图

这里修改了total的文案和pageSize的文案

效果图

配置文件

安装jsx依赖(babel7)

npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props

.babelrc.js

babel7中的baebl.config.js需要改成.babelrc.js

module.exports = {

presets: [

'@vue/app'

]

}

vue.config.js

const path = require('path')

module.exports = {

configureWebpack: {

module: {

rules: [

{

test: /\.js$/,

// 这里需要替换成node_modules中的element依赖名称，我用cnpm安装的这里为[email protected]@element-ui

incl