Open xachary opened 7 years ago
2.2.9
Chrome 61.0.3163.100
2.4.2
https://github.com/xachary/nuxt-mint-ui-bug
npm install
npm run dev
http://localhost:3000/cellswipe
异常, 报错, 失败
npm run dev-spa
左滑第一项可以出现右侧Delete按钮
浏览器控制台报错, Vue报错.
组件: cell-swipe
ssr模式下, 报错, 失败:
spa模式下, 正常左滑:
其他组件暂时测试正常使用
感谢为 mint-ui 提供如此详细的 ssr 测试用例。 该问题暂定为 cell-swipe 中的 clickoutside 指令修改虚拟dom导致 client 和 server 不一致所引起。
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报错.