随笔分类 - vue
摘要：今天新启动一个项目，在 npm install 安装依赖项时出现报错。 $ npm install > husky@0.14.3 install D:\programs\rubik-web\node_modules\husky > node ./bin/install.js husky settin
阅读全文
摘要：错误 Vue Template execution failed: ReferenceError: BASE_URL is not defined ReferenceError: BASE_URL is not defined 解决 替换 index.html 替换前 <link rel="icon
阅读全文
摘要：方式一： <template> <div class="table-container"> <el-table size="mini" :header-cell-style="{'background':'#d3e0ff'}" :data="tableData" :span-method="obje
阅读全文
摘要：<el-table size="mini" :stripe="false" :header-cell-style="{'background':'#d3e0ff'}" :row-class-name="rowClass" :data="tableData" :span-method="objectS
阅读全文
摘要：效果如下： html代码： <div class="table-box cus-table-box"> <el-table :data="ruleForm.tableData" border style="width: 100%"> <el-table-column prop="operation"
阅读全文
摘要：效果如下： html代码： <div class="tab-container"> <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab" :before-leave="beforeLeave" class="
阅读全文
摘要：html代码： <div> <img :src="showImg" alt="" style="height: 300px;"> <span class="aaaa" @click="uploadFile">通知书上传<input id="upload" type="file" style="dis
阅读全文
摘要：DateDifference(item){ var new_date = new Date(); //新建一个日期对象，默认现在的时间 var itemBeginDate = item.begintime ? item.begintime : item.beginTime; itemBeginDat
阅读全文
摘要：#第一种方式：@input方式 ##子组件 <template> <div class="input-wrap"> <input class="input" type="text" :readonly="readonly" :value="value" @input="change($event.t
阅读全文
摘要：方式一：命令行主题工具 1.首先安装主题生成工具 npm i element-theme -g 2.安装白垩主题 npm i element-theme-chalk -D 3.安装et cnpm i element-themex -g 4.初始化变量文件，执行以下命令 et -i //在命令行里输入
阅读全文
摘要：<template> <div id="app"> <!-- 页面切换动画transitionName --> <transition :name="transitionName"> <!-- 缓存数据 <router-view> --> <keep-alive> <router-view v-if
阅读全文
摘要：一、使用npm创建项目： 执行以下安装命令，选择vue2项目 vue create my-project 二、配置路由： 执行以下命令，安装vue-router： npm i vue-router@3.5.3 -D 然后，先在src目录下新建页面文件夹views，然后在views文件夹下新建页面in
阅读全文
摘要：一、安装以下依赖： npm i -D sass-loader@8.x -D npm i node-sass@4.14.1 -D npm i sass-resources-loader -D 二、新建文件：variables.scss $primary-color:#547fcd; $secondar
阅读全文
摘要：1、安装以下依赖： cnpm i jszip file-saver -D 2、新建packFile.js import axios from 'axios'; import JSZip from 'jszip' import FileSaver from 'file-saver' const get
阅读全文
摘要：一，前端创建超链接，通过a标签的链接向后端服务发get请求 1、页面中a标签的方式： <a class="downloadUrl" v-show="false" :href="downloadUrl" ref="downloadUrl"></a> this.downloadUrl = res.dat
阅读全文
摘要：一、使用postMessage在irfame中实现跨域数据传递 1、父页面内容 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>主页面</h1> <iframe id="c
阅读全文
摘要：原因是vue-router的版本安装的是4.0的版本， 重新执行以下命令： npm uni vue-router //删除vue-router npm i vue-router@3.5.3 //安装指定版本的vue-router
阅读全文
摘要：最近项目中刚好使用了甘特图，第一次使用，在此记录一下，有需要的同学可以借鉴一下。 首先来个效果图吧，哈哈哈~~~ 因为这里用到了dhtmlx这个甘特图的组件，有些功能要专业版才能使用，但是免费的基本上符合需求了 插件文档地址：https://docs.dhtmlx.com/gantt/api__re
阅读全文
摘要：Syntax Error: SassError: semicolons aren't allowed in the indented syntax. ╷1 │ $color1: rgba(31, 36, 33, 1); │ ^ ╵ node_modules\v-bar\src\sass\import
阅读全文
