在naive-ui里面，设鸡 🐔 师让搞一个效果，侧边菜单鼠标 🖱 悬浮上去，右边的箭头才显示 …

最近打开另一台电脑上的项目，满篇爆红。之前也有类似问题，我就随便改了点代码，在Git上面显示就是我满篇修改，今天终于搞明白了。

Vue 里面，加载本地图片，:src=””直接写成变量是不行的 …

演示网址：https://vue.cctv3.net/#/dynamicPathAsSrc

这种场景比较常见，很多买保险的页面，什么合同页面都是这么搞的，我滑动到底才能点下一步

演示网址：https://vue.cctv3.net/#/hasReadHTML

Vue里面很有多蛋疼的地方，比如提交表单的时候，移动端和桌面端是两套 UI，但是操作的逻辑是一样的。尤其是比如表单是分步骤的，还得处理多个步骤，所以说得把业务封装成hooks，两个端都能复用。

比较蛋疼的地方：

• 多个hooks如何修改同一份store

• hooks如何引用组件的props

• hooks如何调用组件的emits

请直接看疗效 …

非得搞这么复杂？ …

const countdownButtonRef = ref<InstanceType<typeof countDownButton>
  | null>(null)</InstanceType<typeof
>

公司这沙雕 UI 整天净整些没用的，非得逼我整些科技与狠活儿 …

就这破玩意儿能表现意思来就行了，非得鼠标悬停再显示操作按钮？

直接上效果图吧 …

坑我都帮你们踩过了 …

• el-upload 上传回调的 onSuccess 的 files 不是文件对象，他只是包含了文件的一些基本信息，解析的话要自己下载

• 图片跨域

• 图片的宽度必须是 4 的倍数

之前总结过菜鸟 🐦 常见问题汇总，现在单独总结下CSS …

这里初学者容易出现个问题就是三目运算符怎么用，要熟悉:class和:style怎么使用。