Vue
文章平均质量分 59
随笔记录一些Vue2.0使用过程中的知识点,欢迎大家一起讨论补充
霜月枫桥
Web前端软件工程师
展开
-
vue根据文字长短展示跑马灯效果
为大家介绍一个我编写的vue组件,他可以根据要展示文本是否超出展示区域,来判断是否使用跑马灯效果,效果图如下所示假设要展示区域的宽度为500px,当要展示文本的长度小于500px时,只会展示文本;只有要展示文本的宽度超过500px时,才会进行跑马灯展示。原创 2024-07-01 16:33:37 · 691 阅读 · 0 评论 -
vue文本字段匹配高亮组件
### 功能介绍> 实现了一个句子根据查询字词进行高亮显示的功能,查询的字词的输入格式为数组(为了> 兼容分词查询功能),根据字词数组的内容进行多个词的高亮展示。使用模板差值 {{ }} 和> v-text,而不是v-html进行高亮字词的展示,减少XSS攻击的风险### 下载插件```npm install v-highlight-component```### 在线演示> [示例](https://mooncom.github.io/v-highlight-原创 2021-01-08 10:42:40 · 1668 阅读 · 6 评论 -
Vue组件生命周期钩子和Vue-Router路由钩子的执行顺序
Vue组件生命周期钩子的执行顺序如下图所示链接:https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA这里只列出了初始化时渲染的钩子,销毁、更新时的钩子不在本次讨论的范围之内。而在Vue-Router中,导航守卫的执行顺序如下所示链接:https://router.vuejs.org/zh/guide/advanced/navigation-.原创 2020-07-28 20:35:31 · 2521 阅读 · 0 评论