标签: Vue - 陈桥驿站

2025-08-18发表2025-09-01更新编程语言 / uni-app / Vue几秒读完 (大约104个字)

uni-app 配置env环境变量

在项目根目录新建几个.env.x，例如

.env.development
.env.alpha
.env.beta
.env.production

注意，这里面的名字不是乱起的，不是你想搞成什么名字就是什么名字，必须得是VITE_开头，不要问我为什么，我只想静静，也不要问我静静是谁 …

VITE_BASE_URL=http://www.baidu.com

(import.meta as any).env.VITE_BASE_URL;

2025-02-20发表2025-09-01更新编程语言 / Vue几秒读完 (大约35个字)

CSS显示几行文字，溢出的部分显示 ... 终极代码

.name {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  min-width: 0;
}

2025-01-15发表2025-09-01更新编程语言 / Vue1 分钟读完 (大约213个字)

CSS鼠标🖱hover父节点，控制子节点的显示

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

Snipaste 2025 01 15 16 38 53

2025-01-02发表2025-09-01更新编程工具 / VS Code1 分钟读完 (大约118个字)

VSCode `LF`和`CRLF`换行符，导致的`eslint`满篇爆红

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

2024-12-02发表2025-09-01更新编程语言 / Vue1 分钟读完 (大约181个字)

Vue动态加载本地的图片资源

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

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

2024-11-22发表2025-09-01更新编程语言 / Vue3 分钟读完 (大约408个字)

Vue阅读协议，滑动到底部才可以点击下一步

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

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

2024-11-22发表2024-11-22更新编程语言 / Vue3 分钟读完 (大约422个字)

Vue自定义hooks，从入门到精通😂

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

比较蛋疼的地方：

多个hooks如何修改同一份store
hooks如何引用组件的props
hooks如何调用组件的emits

2024-11-12发表2025-09-01更新编程语言 / Vue1 分钟读完 (大约122个字)

Vue科学使用enum枚举 --> 代码提示

请直接看疗效 …

2024-10-24发表2024-11-12更新编程语言 / Vue几秒读完 (大约110个字)

Vue父组件访问子组件的方法

非得搞这么复杂？ …

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

2024-05-22发表2024-11-26更新编程语言 / Vue2 分钟读完 (大约226个字)

Vue自定义鼠标悬停图片，带预览和删除操作

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

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

直接上效果图吧 …