vue 使用原生canvas_小程序挖坑之路__Vue.js__GitHub__前端__Canvas

小程序出来那么久一直没有深入的开发，这次借着公司要做小程序，深入探索了一番，结果挖坑无数，当然，仅限挖坑，并没有填完。哈哈，就先mark一下。

因为公司业务需求，这次小程序用的是 mpvue + typescript 进行开发。

mpvue 相关的坑

关于input问题

因为设计想把输入框的交互做成这个样子：

那用原生的输入框是满足不了的，只能自己写组件咯。那么就用vue的方式写了个组件，结果发现，mpvue关于input的问题还真不少。

input 用v-modal输入时候闪烁

组件嵌套slot有问题

input 不支持:type 和v-modal

slot等标签不支持添加class，无法编译成wxss

嵌套组件，props有问题

修改slot时，不能热更新，只能重新npm run dev

这是github上相关的issue：

关于这个问题，试了上述的解决方法，但没有很好的解决(摔)。所以，自己用原生的方式重新撸了个组件。

小程序相关的坑

原生组件canvas问题

因为公司业务需求，小程序里有不少的图表数据需要展现，自然就是需要用到canvas，而canvas是属于原生组件，它的z-index无限大，一出现有弹窗内容需要把它覆盖就gg。

实际上是能解决的，只要使用cover-view当做遮罩层(一开始我还以为，需要把cover