ElemeFE / mint-ui

Mobile UI elements for Vue.js
http://mint-ui.github.io/#!/en
MIT License
16.56k stars 3.55k forks source link

[Bug Report] 在Nuxt中的服务端渲染模式下使用cell-swipe报错, 无法使用. #1129

Open xachary opened 7 years ago

xachary commented 7 years ago

Mint UI version

2.2.9

OS/Browsers version

Chrome 61.0.3163.100

Vue version

2.4.2

Reproduction Link

https://github.com/xachary/nuxt-mint-ui-bug

Steps to reproduce

安装所需包

npm install

1. ssr渲染模式

启动服务

npm run dev

访问测试页面

http://localhost:3000/cellswipe

结果:

异常, 报错, 失败

2. spa渲染模式

启动服务

npm run dev-spa

访问测试页面

http://localhost:3000/cellswipe

结果: 正常

What is Expected?

ssr渲染模式

左滑第一项可以出现右侧Delete按钮

What is actually happening?

ssr渲染模式

浏览器控制台报错, Vue报错.

xachary commented 7 years ago

组件: cell-swipe

ssr模式下, 报错, 失败: image

spa模式下, 正常左滑: image

其他组件暂时测试正常使用

cloudfroster commented 7 years ago

感谢为 mint-ui 提供如此详细的 ssr 测试用例。 该问题暂定为 cell-swipe 中的 clickoutside 指令修改虚拟dom导致 client 和 server 不一致所引起。