Failed to resolve component: router-view at ＜App＞ 在新建Vue3项目时，在App.vue文件中使用router-view会出现如下警告，并且页面不显示：
一文解决Vue中实现 Excel下载到本地以及上传Excel 相信大家在项目中经常会遇到一些上传下载文件的相关功能，本文就Excel的相关功能进行简述：咱直接看代码：以上逻辑在后台接口，前端主要做的是一些简要的操作，需要上传Excel的话需要先上传到服务器才行。作为一个CV工程师相信上面代码对你有益的话就赶紧拿去使用吧。...
Vue实现批量选择操作（上下架，删除等） 在处理一些列表之类的数据时，经常会有一些批量处理的操作，以下仅以批量删除为例来做简单的分析，其主要代码如下：批量操作主要是获取被选中的id，然后将选中的id传给后端接口即可。
el-form 中的数组表单验证(数组可动态添加删除) 除了一些简单的表单验证之外，我们还会有一些稍微复杂点的多层级表单的验证，如下图所示可点击添加，删除对数组进行操作，当点击确定时需要验证每一条form-item不能为空其tempalte部分主要代码如下所示：<el-form :model="form" ref="cardForm" :rules="rules" label-position="top" > <el-form-item v-for="(item, index) in form.CARD_RIGHTS_LIST" :l
JS中的与、或、空值合并运算符、可选链操作符运算符 javascript有不少好用的运算符，合理的使用可以大大提高工作效率，以下简单介绍了4种，具体如下：&&逻辑与运算（&&）是 AND 布尔操作。只有两个操作数都为 true 时，才返回 true，否则返回 false。具体描述如表所示:条件一条件二结果演示true1true2true21 && 2 => 2truefalsefalse1 && 0 => 0falsetrue
Vue中组件通信的几种方法（Vue3的7种和Vue2的12种组件通信） Vue3组件通信方式：props$emitexpose / ref$attrsv-modelprovide / injectVuex使用方法：props用 props 传数据给子组件有两种方法，如下方法一，混合写法// Parent.vue 传送<child :msg1="msg1" :msg2="msg2"></child><script>import child from "./child.vue"imp
Vue项目中实现文件下载到本地的功能 公司业务需求，我需要实现一个合同模板，自定义输入内容后生成合同随后导出下载合同。(自定义部分用到的是)为了实现这个文件下载到本地的功能，真的是废了九牛二虎之力，以至于差点放弃（主要还是自己菜）。刚开始自己用到的是Window.open()的方法，发现这个方法只能将你的合同在新页面打开，并不能实现下载功能；然后就换了html5 Bolb方法，弄了些许时间后发现还是不能达到自己的需求，最后在不断的挣扎中找到了**FileSaver.js** 首先需要安装即：npm install file-saver --s
春节将至，喜庆的烟花安排上（js实现烟花） 一年一度的春节即将来临，然后苦逼的我还在使劲的摸鱼，未能回家体验小时候路边放爆竹的快乐时光，所以只能在网上来实现这个小小的心愿了。烟花静态效果图如下：为了大伙复制方便就不分开写，直接复制即可，具体实现代码如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> b
css怎么实现雪人 冬天来了，怎么能少的了雪人呢，不管是现实中还是程序员的代码中统统都的安排上，那就一次安排几个雪人兄弟，咱们先看效果图：有喜欢的就赶紧cv拿走吧！！！其详细代码如下：图1html部分： <div class="snowman"> <div class="snowman-face"></div> <div class="snowman-nose"></div> <div class="mouth">&l
如何用CSS实现角标 需要实现如下图所示的角标其代码如下所示，可直接cv复用，根据自行需要进行修改：html部分代码：<div class='card-wrap'> <div class='news1'> <div class='ribbon'> <div class='ribbon1'>热点</div> </div> </div> </div>CSS部分代码：.card-wra
纯css实现文字跳动的动画效果 以下图片为截图所得，所以为静态展示具体实现的详细代码如下，可直接cv复用：html部分代码：<h1 class="my-words"> <span>H</span><span>e</span><span>l</span><span>l</span><span>o</span><span> </span><span>w<
canvas绘制圣诞树（动态效果） 最近不知道咋的都玩起了用备忘录手绘圣诞树，作为万能的程序员，肯定也要跟上潮流，那用代码来实现圣诞树吧。实现效果如下：具体代码如下，可直接cv复用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html, body { width: 100%;
新建Vue项目时的一些初始化配置（项目运行，浏览器自动打开；src文件夹简写，即 配置别名） 新建一个Vue项目时，为了在后续更加方便的使用，通常会设置一些比较省时省力的配置：1.运行项目浏览器自动打开：在package.json文件下的scripts进行简单配置："serve": "vue-cli-service serve --open",2.配置别名：在示例app中创建一个jsconfig.json的文件夹，文件夹的配置如下：{ "complierOptions": { "baseUrl": "./", "paths": {
关注
