随笔分类 - Vue
摘要：第一种方式：使用 bar 实现 想要的效果： 代码实现： const chartData = { title: { text: '97', // 圆环中间数字 textStyle: { color: '#222222', fontSize: 20, }, subtext: '成功数', subtex
阅读全文
摘要：项目中引用了 vant 里面倒计时的组件，发现这个倒计时的在安卓是正常的，可是在 ios 却出现问题。。。 描述：项目用到了 vant 的 Dialog 组件，因为倒计时结束之后有弹框提示，结果安卓正常显示弹框，ios 却不显示。。。 最后排查是时间格式导致的，因为 yyyy-mm-dd hh:mm
阅读全文
摘要：css 有一个特定，它是全局的。 这样的特性导致的结果是，一旦你在不同的地方定义了相同的 css 命名，那么它们的样式就会相互覆盖，最终导致的 style 错乱，从而影响整个网页布局。 在Vue中我们通过 Scoped 与 Module 来解决。接下来详细对 scoped 和 module 的使用进
阅读全文
摘要：场景：前端 vue 开发过程中，vue-quill-editor 组件实现富文本编辑是，客户想要把 【标题一、标题二、... 标题六、文本】设置成固定的样式，实现一键继承样式； 如图所示： 实现： 看起来很简单，可能只需要前端同学把 h1-h6、p 标签的样式在前端代码中修改即可， 但是当时遇到一个
阅读全文
摘要：使用 qrcode 生成二维码时，编译报错 报错原因：eslint语法检查报错。 解决方法：qrcode后面加上注释 // eslint-disable-line no-unused-vars 即可。 如下图所示： // 分享生成二维： qrCode () { let qrcode = new QR
阅读全文
摘要：效果如图所示： 通过 RegExp 实现对关键词的替换，通过添加 class 实现关键词高亮显示 在查询到结果后执行 changeColor 方法将查询出来的数据传递过来通过 RegExp 来将关键词替换成 html 标签，同时用 vue 中的 v-html 进行绑定。 完整代码展示： <input
阅读全文
摘要：绑定数据的时候，很有可能会遇到一个这样的问题。 情景： 从数据库里获取到的数据，它带有html的标签，那么直接渲染到页面的时候，就会出现标签也被渲染进去。如下图： vue 解决方法：v-html Django 的解决方法：safe 如图：(注意⚠️：图中 {{ xxx }} 为 django 模板渲
阅读全文
