electron-vue
electron-vue copied to clipboard
SimulatedGREG
使用element-ui table数据不显示问题
Found an issue or bug with electron-vue? Tell me all about it!
Questions regarding how to use electron or vue are likely to be closed as they are not direct issues with this boilerplate. Please seek solutions from official documentation or their respective communities.
Describe the issue / bug.
# 其他组件使用暂时没有问题，就是table使用有问题。使用代码如下
数据没有加载上去。
How can I reproduce this problem?
#
If visual, provide a screenshot.
#
Tell me about your development environment.
- Node version:
- NPM version:
- vue-cli version: (if necessary)
- Operating System:
If you are looking to suggest an enhancement or feature, then feel free to remove everything above.
Same problem.
- Node version:v8.9.4
- NPM version:5.6.0
- Operating System:Darwin
"dependencies": {
"axios": "^0.18.0",
"element-ui": "^2.9.1",
"vue": "^2.5.16",
"vue-electron": "^1.0.6",
"vue-router": "^3.0.1",
"vuex": "^3.0.1",
"vuex-electron": "^1.0.0"
}
就是element-ui的table组件出了问题，正常情况下给table设置 :data="tableData"，
是有内容的，但是查看其内容是空的，感觉这个属性被忽略了啊，另外设置height="200"这个属性会报错的。Node version:v10.16.0 NPM version:6.9.0
"dependencies": { "axios": "^0.19.0", "element-ui": "^2.9.1", "vue": "^2.6.10", "vue-electron": "^1.0.6", "vue-router": "^3.0.6", "vuex": "^3.1.1", "vuex-electron": "^1.0.3" },
你这样 神也救不了你啊，这能看出what呢
下面我有更新项目环境，其实就是新建个项目，引入elelment-ui,发现table组件显示有问题，其他组件暂时没发现
<template>
<div>
<p>table example</p>
<el-table
:data="tableData"
style="width: 100%;width: 300px;height: 300px;background-color: #13ce66">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
name: 'test',
data () {
return {
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
}
}
}
</script>
代码就是个简单的例子，效果如下图，环境上面有，不知道是不是第三方库关键字冲突的问题。
抱歉，没看出来问题，祝君好运···这是我写的 应该是一样的，自己看报错审查元素排查吧
<el-table :data="trainData" style="width: 100%" height="98%" ref="train" :key="key1" @row-dblclick='addMultSelect' highlight-current-row @current-change="leftCurrentChange" :default-sort="{prop: 'trainNumber', order: 'ascending'}" >
抱歉，没看出来问题，祝君好运···这是我写的 应该是一样的，自己看报错审查元素排查吧
<el-table :data="trainData" style="width: 100%" height="98%" ref="train" :key="key1" @row-dblclick='addMultSelect' highlight-current-row @current-change="leftCurrentChange" :default-sort="{prop: 'trainNumber', order: 'ascending'}" >
嗯。问题就在啥错也没报，无从下手
#361 作者回覆中有提到解決的方法，可以嘗試將element-ui加入webpack的白名單中
我也是碰到这个问题，折腾了大半天，这个是解决办法，赞一个。
webpack.renderer.config.js
let whiteListedModules = ['vue', 'element-ui']
同样的问题。
- 节点版本：v8.9.4
- NPM版本：5.6.0
- 操作系统：达尔文
“依赖”：{ “ axios ”： “ ^ 0.18.0 ”， “ element-ui ”： “ ^ 2.9.1 ”， “ vue ”： “ ^ 2.5.16 ”， “ vue-electron ”： “ ^ 1.0。 6 “， ” vue-router “： ” ^ 3.0.1 “， ” vuex “：“ ^ 3.0.1 ”， “ vuex-electron ”： “ ^ 1.0.0 ” }
我出现这个问题是element版本更新到2.9.x,更新到2.10就好了,或者降回2.8.2
#361 作者回覆中有提到解決的方法，可以嘗試將element-ui加入webpack的白名單中
I added it to the whitelist but not working. But the magic is it works TODAY although I added it yesterday. Maybe cache still worked yesterday...
解决方法:在webpack.renderer.config.js文件中把element-ui加入白名单 let whiteListedModules = ['vue','element-ui']
#361 作者回覆中有提到解決的方法，可以嘗試將element-ui加入webpack的白名單中
我也是碰到这个问题，折腾了大半天，这个是解决办法，赞一个。 webpack.renderer.config.js
let whiteListedModules = ['vue', 'element-ui']
刚也遇到这问题, 这个方案解决了.
