随笔分类 - vue踩坑总结
摘要：具体代码如下： <input type="file" id="uploadFile" name="uploadFile" ref="uploadFile" @change="getFile($event)" /> 获取第一个file对象 getFile(e){ this.file = e.targe
阅读全文
摘要：在vue——axios安装及封装的基础上，进行以下操作 具体如下： 第一步： 新建一个与前文此文件（ src/libraries/utils/axios.js ”）相同的页面，名称为employAxios.js， 第二步： 只需要将employAxios.js页面中的baseURL 修改为新地址即可
阅读全文
摘要：第一步：安装element-ui npm install element-ui --save 第二步：在main.js中引入js和css import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'
阅读全文
摘要：不同浏览器对相同标签的显示效果，有时候往往不同，那么在做项目的时候就需要对基本的样式进行设置，以达到在不同浏览器下显示效果是相同的，reset.css的作用就在于此。 第一步：在/src/assets/css目录下创建reset.css文件，reset.css内容如下： body,h1,h2,h3,
阅读全文
摘要：一、安装axios 在封装请求之前确保你的项目中已经安装了axios，安装命令如下： npm install axios --save 二、axios的封装 所封装的代码在 src/libraries/ 中，文件目录如下图: 具体代码如下: src/libraries/utils/axios.js
阅读全文
摘要：使用webpack创建的vue项目，端口号默认是8080，可是不想用8080做项目的端口号怎么办？ 1、Vue2.x版本 首先在根目录下载找到config文件夹下的index.js 然后修改port 改为你想要的端口，如下图： 2、Vue3.x版本 Vue 3.x中修改端口号则需要在根目录下新建一个
阅读全文
摘要：这篇文章主要介绍下vue3.0项目搭建，安装vue3.0版本之前需要先把vue-cli升级到4.0版本，如果之前安装过vue-cli需要卸载之后重新安装，如果没有安装过不需要卸载可以直接安装。 详细如下： 一、安装 1、查看全局是否安装过旧版本的 vue-cli(1.x 或 2.x)【查看指令参照：
阅读全文
摘要：vue 创建项目之后，我们需要做什么？ 第一步：搭建项目 第二步：样式初始化 修改端口号 封装axios请求 vue不同环境配置不同的打包命令
阅读全文
摘要：给大家介绍下用 Vue2.0 搭建Vue脚手架（vue-cli）,在搭建脚手架之前，先做好环境配置。 详细如下： 一、基本环境安装 1、安装node.js 打开命令行工具，输入node -v ，查看版本号，出现类似下图的版本号说明node.js已安装； 否则，先下载安装node.js（官网地址：ht
阅读全文
摘要：查看vue版本： npm list vue 查看@vue/cli版本：vue -V
阅读全文
摘要：HTML: <el-date-picker v-model="form.payoff" type="date" placeholder="请选择日期" value-format="yyyy-MM-dd" :picker-options="pickerOptions1"> </el-date-pick
阅读全文
摘要：场景： 以下为已有数据，过滤掉数据中 selectedStatus为false的数据，并生成一组新数据（注意：不能在原数据中进行操作） let treeData = [ { level: 0, parent_id: 0, name: "员工管理", id: 2, status: 1, selecte
阅读全文
摘要：方法一： 通过ref属性，父组件调用子组件的方法，把要传的数据作为参数传给子组件，子组件获取该参数，并使用。 父组件： //第一步：添加ref属性<project-content ref="project_page"></project-cont>//第二步：调用子组件的方法this.$refs.p
阅读全文
摘要：当btnStatus 为 true 时，按钮样式为半透明 <button :style="{ opacity: btnStatus == true ? 0.6 : 1 }" ></button>
阅读全文
摘要：第一步：封装cookie //设置cookie export function setCookie(c_name, value,expire) { var date = new Date() date.setSeconds(date.getSeconds() + expire) document.c
阅读全文
摘要：toBase64(imgUrl) { // 一定要设置为let，不然图片不显示 const image = new Image(); // 解决跨域问题 image.setAttribute("crossOrigin", "anonymous"); const imageUrl = imgUrl;
阅读全文
摘要：在项目中引入html2canvas插件 Html <!--所要生成图片的区域--> <div ref="capture"> <div>内容区</div> </div> Js save() { //this.$refs.capture指的是所要生成图片的区域 //useCORS: true解决跨域问题
阅读全文
摘要：最近我正在开发一个移动端项目，采用的是vue框架，在vue项目搭建完成时，根目录下有一个名为 ".postcssrc.js" 的js文件，我们只需在该文件中进行配置，就可以轻轻松松的实现px与rem之间的转换（在编写项目的css样式时，尺寸单位为px） 配置内容如下： "postcss-pxtore
阅读全文
摘要：后台给的数据是 const list= [{ companyid: 0, description: "", id: "78a500e920364d689a44f740a69c5094", level: 2, orgCode: "11www", orgName: "产品部", parentId: "3
阅读全文
摘要：问题： npm run dev 时报错：missing script :dev 解决办法： 建议小伙伴检查一下该项目文件夹中的package.json文件，如下图： 在script里，并没有dev，而是serve，应该用npm run serve命令运行vue项目即可。
阅读全文
浙公网安备 33010602011771号