分类: Vue - 陈桥驿站

2025-02-20发表2025-02-27更新编程语言 / 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-02-27更新编程语言 / Vue1 分钟读完 (大约213个字)

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

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

Snipaste 2025 01 15 16 38 53

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

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

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

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

2024-11-22发表2025-02-27更新编程语言 / 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-02-27更新编程语言 / 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 整天净整些没用的，非得逼我整些科技与狠活儿 …

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

直接上效果图吧 …

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

Vue动态加载CSS方法汇总

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

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

2024-02-19发表2024-02-19更新编程语言 / uni-app / Vue1 分钟读完 (大约162个字)

uni-app 从入门到放弃（菜鸟儿🐤常见问题汇总）

要不是能赚钱，我才懒得学这鬼玩意儿 😡 …

注意看标题，从入门到放弃 -> uni-app-from-learning-to-byebye.html

我就不开多篇文章分别介绍了遇见的问题了，这里集中汇总 …