![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 56
吴越南蛮
Java程序员。主要研究的语言是Java,JS,Python,C。坚持原创,拒绝做搬运工。
展开
-
Vue动态切换背景图
最近在改写一个网站,抽离公共组件的时候,发现一个nav组件图标是用background-image显示的。把基本的框架抽离出去,具体菜单项用插槽,然后图片需要用props传参。写了一个小案例。父组件Home.vue<template> <div class="home"> <button @click="changeBackground">切换图片背景</button> <br> <br> &l原创 2021-09-11 15:00:28 · 3062 阅读 · 0 评论 -
代码高亮编辑器封装成vue组件
相比于上一篇文章,关键字列表完善了一下,支持多行注释,js面向过程改为面向对象,去掉jQuery依赖,封装为vue组件。效果图:App.vue<template> <div> <code-high-light :width="800" :height="400" class="code-hl"/> </div></template><script> import CodeHighLi原创 2020-11-15 11:34:13 · 296 阅读 · 1 评论