David_house的博客

在开发一些管理系统的时候，常常会遇到表格导入导出的问题，总的来说呢，代码模板也挺固定的，仅以此博客作为记录以供参考。

遇到个需求，需要图片显示在div之上，但是不占用div的空间布局，网上的答案五花八门，但其实使用css就可以简单实现，仅以此博客作为记录。

一些头脑不清醒的吐槽：真的没有人觉得Ant Design Vue很难用吗？？？官方文档很拉跨啊？？？难道是我道行太浅？？？仅以此博客记录使用 Ant Design Vue踩过的那些坑#￥%&*@

前情提要：主页面有个日期选择框，选择某个日期之后，从主页面点击超链接跳转到其他页面再返回的时候，日期又回到初始值而不是我选择的那个值，这就涉及到属性的状态管理即vuex，也是我们常说的store。关于vuex我这里不再赘述，感兴趣的小伙伴建议去官网了解：https://vuex.vuejs.org/zh/store对象.属性。

鼬鼬鼬鼬鼬被提需求了！！！产品：你学什么的？我：跟CV有点关系产品：control C加control V是吧我：对对对。

这个小功能我大概花了小半天的时间才实现，所以无比痛恨给我提这个需求的人，还好最后没有放弃，谨以此博客作为记录我被迫走上前端之路的第n天！这里当isEdit值为true时显示保存，否则显示历史回溯。代码来自项目里面的一部分，所以可能有点乱#@&

有时候我们需要动态显示一些标签重复的内容或者可迭代数据，如果手动一条条实现有点麻烦，而且代码看着不美观，这个时候就要用到v-for来实现。

有的时候我们希望在一些条件下渲染元素（就是有选择的显示我们页面内某些内容），这个时候就要用到v-if。

在进行表单处理时，我们希望JavaScript中与表单绑定的变量能随着我们表单的输入或选择而动态的发生改变，或者说二者同步。这个时候就需要实现表单的双向绑定。

在vue的事件处理中，使用v-on来监听DOM事件，并在事件触发时执行对应的 JavaScript。DOM事件：DOM（document object model）事件是指在HTML文档中发生的，如点击、鼠标移动、键盘按键等。

在 Vue 中，双大括号只能用于文本插值。为了给 attribute 绑定一个动态值，需要使用 v-bind指令。

我们老说vue的核心功能是声明式渲染，那到底什么是声明式渲染呢？

边缘节点可拖动，其大小可以根据传入的值而变化

vue实现水滴图+核心代码

小白遇坑刚开始我是用get方法来传递json数据，但是总是报错：Required request body is missing，我人傻了，对着这个错误百度了半天，才发现，原来axios get请求方式传递给后台的参数都是字符串形式，无法传递json对象或数组对象等，犯了这么低级的错误，实在是惭愧！axios post方式传递json数据首先安装axiosnpm run dev在main.js中引入axiosimport axios from 'axios' //引入Vue.prot

前言页面跳转，我们一般都通过路由跳转实现，通常情况下可直接使用router-link标签实现页面跳转，但是如果我们想通过点击别的标签实现页面跳转，怎么办呢？这个时候我们就要用到this.$router.push()方法，下面来给大家简单介绍一下使用！this.$router.push()1.首先我们要定义一个点击事件2.在定义事件中调用this.$router.push()方法<button @click = "handle">点击跳转</button><scrip

步骤一创建一个弹窗页面，我们给该页面命名为dialogComponent，弹窗页面中要设置以下内容：<template><!--1.首先，弹窗页面中要有el-dialog组件即弹窗组件，我们把弹窗中的内容放在el-dialog组件中--><!--2.设置:visible.sync属性，动态绑定一个布尔值，通过这个属性来控制弹窗是否弹出--> <el-dialog title="弹窗" :visible.sync="detailVisible" width

前言在我们进行前后端分离的项目开发的时候，总会遇到数据交互问题，但是我们也没法保证前后端项目进度一致，如果前端需要后端传来的数据怎么办呢？这个时候我们可以进行后端数据接口模拟，下面就给大家介绍一下到底该怎么进行后台数据模拟。使用mock.js1.首先，安装模块mockjs、axios(http请求库)npm install mockjs axios --save2.在src目录下创建一个mock文件夹，mock文件夹里面的文件结构如下：其中，data文件夹里面放的是我们要从后端传向前端的数据

步骤1.给表单el-form添加校验规则字段rules并动态绑定一个对象（对象可自定义，我这里定义为rules）2.在script里面加入rules对象，并将要校验的字段写进去，格式固定#eg：message的值可以自定义，blur表示表单失去焦点触发校验username:[{required:true,message:'请输入用户名',trigger:'blur'}],3.添加prop属性，在对应的el-form-item标签上我们让prop等于rules里面对应的字段值上述三步操作表单校验

首先需要了解关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先卸载它，具体卸载命令稍后给出。node版本要求Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)npm命令npm 是node的一个包管理工具，安装好了node.js，就安装了npm。安装好后可以在cmd（或者shift+鼠标右键打开powershell窗口）中执行

1.安装node环境官方下载地址：链接查看是否安装成功，快捷键win+R弹出cmd命令行：2.创建项目结构

错误如下Access to XMLHttpRequest at 'http://localhost:9090/data' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.问题出现了跨域访问问题解决方法用express设置允许跨域访问服务，代码如下：// 引入express框架var e

get方法传参get方法传参，我们只需要把要传递的参数拼接到要发送的路径地址后面。实例前端：export default { data () { return { name: "david", //要传递的值1 age: 20, //要传递的值2 } }, methods: { //在method里面定义一个向后端传递参数的方法，我这里使用的是async await方法向后端传递参数（注：async await是配套使用的）,'http://l

子传父步骤第一步首先，在子组件中定义一个方法，在方法中调用$emit发射事件，主要作用是向父组件发射包括事件名、参数等内容第二步在父组件中导入并注册子组件，然后在父组件中定义一个方法用来接收子组件传来的事件和参数第三步在父组件调用子组件时，将子组件发射的事件名和第二步中父组件定义的方法名绑定，接收子组件传递过来的参数第四步子组件触发含有$emit发射事件的方法，向父组件发射内容简单案例// 子组件<template> <button v-on:click="

父传子步骤第一步要在子组件中使用props属性，定义接收来自父组件中传来的参数，可以有多个参数。第二步父组件导入并注册子组件，用v-bind绑定要传入子组件的参数内容简单案例演示//子组件<template> <div>{{msg}}</div> //传参成功后，msg的内容会显示在前端页面</template><script>export default { props: ['msg'] //①定义msg接收