请选择您所在的区域 v-for="item in provincOptions":key="item.id":label="item.area_name":value="item.id"> v-for="item in cityOptions":key="item.id":label="item.area_name":value="item.id"> v-for="item in co…
今天和后台联调数据循环数据较多，控制台报错。找了半天不知道原因是什么，百度一堆说是key名称重复，于是我改成了 虽然key的名字不一样，但是本质其实都是指的下标（0,1,2,3…），本质是一样的,都是从0开始的数字，奈何我的数据没有id等这种唯一标识，而 key的意义就是保证唯一性 ，所以我改成了如下的样子 保证了key的唯一性，如果有其他的唯一标识也可以使用比如id等。报错完美解决。 如有不正确…
使用html2canvas将两张图片合成一张,并下载海报（效果图） 1、安装 html2标题canvas html2canvas屏幕截图基于 DOM，因此可能不是 100% 准确到真实表示，因为它不会制作实际的屏幕截图，而是根据页面上可用的信息构建屏幕截图。 es6 模块化引入方式，项目中使用 npm install --save html2canvas js直引方式 <script src…
这周在项目中需要实现一个类似于 github 顶部标题的效果，如下图 主要效果为：当用户点击的时候，底部出现黑色的细线，并且当前项目的字体变粗。感觉这种场景很多，特来记录一下实现过程。 接下来我会一步步讲解去实现它。 一.基础样式和设计思路 我们稍微调整一下布局(这里我使用的是tailwind.css)，本篇主要内容不是介绍css的，所以一些样式的知识点需要读者自己去查阅。 这里我的设计思路是这样…
1.打开package.json，在script里找到 修改为：（中间插入–fix） lint": "eslint --fix --ext .js,.vue src "， 2、终端运行npm run lint修改代码样式 3、最后终端运行npm run dev就不会报ESLint错误了。 版权声明：本文为asd577007722原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处…
vue-bus-ts typescript 题主从js 转ts 遇到的各种状况之一，全局属性无法识别。研究了一段时间，得到了解决。接下来我会举个?来为有需要的同学解释如何使用 vue-bus-ts 作为我们vue typescript项目的Event bus解决方案。 如果同学们想了解如何在vue typescript定义全局的属性的话，我会再写一篇，为同学们讲一下。 如有不解的地方，请谅解，写博…
vue-area-linkage 点这里看demo： https://dwqs.github.io/vue-area-linkage/ 安装 这里安装v5之后的版本 npm i --save vue-area-linkage area-data 在mian.js里面注册 import VueAreaLinkage from 'vue-area-linkage'; import 'vue-area-…
应用场景：实现一个随着切换tab栏，头部底部不变，中间内容变得功能需求。 首先需要在路由文件中添加子路由（children）： import Vue from 'vue' import Router from 'vue-router' import Home from '@/views/Home.vue' import Content1 from '@/views/Content1.vue' im…
vue使用mavon-editor（markdown）富文本编辑 最近想开发一个自己的博客网站，这个东西的话，难点重点应该都在前端这里。 我能想到的： 1.实现一个markdown的富文本编辑器 2.能够上传图片，输入代码，并且可以预览效果。发布上传到数据库 3.页面回显。能够根据上传到数据库的文本进行回显内容 4.其他 markdown富文本编辑demo 效果图： 打印文章内容： 就把这个存到数…
问题1：Element implicitly has an ‘any’ type because type ‘TraceTool’ has no index signature. 解决方法：在组件头部加这段代码 declare module 'vue/types/vue' { interface Vue { [key: string]: any, } } 参考链接： vuejs+typescrpt…