MinggeQingchun的博客

以下是数字和字符串隐试转换规则：1、任何非零的数为true，0为false2、字符串来说任何非空字符串为 true，空字符串为false3、再用==比较时会把"" 先转成0 在比较。

开发环境 .env.development。生产环境 .env.production。测试环境 .env.test。

是一个W3C标准，全称是””（），允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。它通过服务器增加一个特殊的Header[Access-Control-Allow-Origin]来告诉客户端跨域的限制，如果浏览器支持CORS、并且判断Origin通过的话，就会允许XMLHttpRequest发起跨域请求。实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信。CORS需要浏览器和服务器同时支持。

一、CookieCookie中译小甜点，是网页浏览器用来保存用户信息的文件，可以保存比如用户是谁，购物车有哪些商品等。Cookie实际上是一小段的文本信息。客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容。信息保存的时间可以根据需要设置如

vue前端项目执行 npm install时报错如下：gyp ERR! configure errorgyp ERR! stack Error: Can't find Python executable "python2.7", you can set the PYTHON env variable.因看node-gyp的安装需求，https://github.com/nodejs/node-gyp， 部分剪切如下，可以请求的看到需要安装python2.7（其实2.6也行）python3不

具体版本对应关系，可参考官方的github仓库node-sass: https://github.com/sass/node-sass/tagssass-loader: https://github.com/webpack-contrib/sass-loader/tagsNode.js：https://nodejs.org/zh-cn/download/releases/node-sass 版本sass-loader 版本Node.js 版本具体可参考：https:...

运行Vue报错如下：ERROR Failed to compile with 1 error error in ./src/assets/styles/ruoyi.scss Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.报错原因：sass-loader的版本和node-sass的版本不一致解决办法：修改sass-loader的版本或者修改node-sass的版本

Input 输入框通过鼠标或键盘输入字符Input 为受控组件，它总会显示 Vue 绑定值。通常情况下，应当处理input事件，并更新组件的绑定值（或使用v-model）。否则，输入框内显示的值将不会改变。https://element.eleme.cn/#/zh-CN/component/inputhttps://cn.vuejs.org/v2/guide/reactivity.html如下：<el-input v-model="student.name">&..

开发前段时经常遇到如下报错：Uncaught (in promise) TypeError:大致错误有如下三种：1、使用的参数可能为null 或者 undefined2、返回的参数有重复3、未捕获异常如，我在后台Java（前端Vue，后端Java都是本人开发）中，判断了用户名是否为空，抛出了一个异常错误：if(user.getUserName() == null) { throw new RuntimeException("请填写用户名!");}js中在 pr..

页面布局<el-table v-loading="loading" :data="selectMatList" @selection-change="handleSelectionChange"> <el-table-column label="物料编号" align="center" prop="matCode" /> <el-table-column label="物料名称" align="center" prop="matNa

需求：有两个select下拉框，选择其中一个select中的el-option值之后，更新另一个select的数据源数组这里需要注意的是参数key,value对应:key="dict.dictValue":label="dict.dictLabel":value="dict.dictValue"this.inspectTimeOption = [ {dictValue: '1', dictLabel: '1'}] <el-form-item label="...

需求：在table中row行 index = 0 ，作为区头，数据字符展示 "--"参考组件https://element.eleme.cn/#/zh-CN/component/table1、table中有一个:row-class-name="tableRowClassName"属性，可以获取到当前行的index将:row-class-name属性写在el-table标签上，如下： <el-table ref="treeMultipleTable" v..

一、方法一代码如下： var nowDate = new Date(); console.log("当前时间：" + nowDate); // toString() 把 Date 对象转换为字符串。 var dateobj_toString = nowDate.toString(); console.log("toString：" + nowDate); // toTimeString() 把 Date 对象的时间部分转换为字符串。 va

element的表单验证用的是async-validator,官方说明文档地址:https://github.com/yiminghe/async-validator1、data中数据data(){ return{ ruleForm:{ account:null, dept:{ deptName:null, deptCode:null, }, }, rules:{ .

1、views 命名views 文件夹下面是由 以页面为单位的 vue 文件 或者 模块文件夹 组成的放在 src 目录之下，与 components、assets 同级目录解析目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几

一、GET方法1、传递值<router-link :to="{path:'/userInfo',query: { userId: 123,userName:'ming' }}">跳转</router-link>或<router-link :to="{name:'userInfo',query: { userId: 123,userName:'ming' }}">跳转</router-link>2、接收值（页面刷新的时候参数不会消失）.

Element table，多选单选主要使用的是ElementUI多选表格中的方法1、事件select 事件 当用户手动勾选数据行的 Checkbox 时触发的事件 参数selection, rowrow-click 事件 当某一行被点击时会触发该事件 参数 row, column, eventselection-change 事件 当选择项发生变化时会触发该事件 参数 selectionclearSelection 方法 用于多选表格，清空用户的选择toggleRowSelection 方法 用于多选

潍坊人

而VR关闭

1、element中el-input组件事件<el-input v-model="value" v-on:change="handleChange"></el-input><el-input v-model="value" @change="handleChange"></el-input><el-input v-model="value" v-on:input="handleChange"></el-input>&lt

绑定动态变量 :prop，:rules <!--开始时间；结束时间--> <el-form-item label="时间" :prop="classDateType" :rules="rules.classDateTypeRule"> <el-date-picker clearable size="small" style="width:380px" v-model="classDateValue"

给每项表单项添加一个自己的id名，并用v-model绑定相对应的数据，利用v-if根据上一个表单项的数据值来进行显示或隐藏 <!-- 类别展示隐藏 --> <el-form-item id="classShowOrHide" v-model="showClass" v-if="showClass==true" label="类别类型" prop="classType"> <el-select v-model="for

Vue中使用elment的el-table标签时，引用了@row-click与@selection-change方法；官方文档中如下显示1、el-table事件绑定@selection-change如何自定义传参<template> <el-table ref="tableData" :data="tableData" stripe tooltip-effect="d.

1、el-table如果我们想新增一个勾选框，在 .vue文件中<el-table-column type="selection" width="55" align="center" />如果不需要加这个勾选框，直接不写上面那行代码即可<template> <div class="app-container"> <!--@selection-change="handleSelectionChange"> table的选择项改变..

1、路由跳转页面，传递userId参数methods: { openDetails (row) { //具体操作 console.log(this.$route ,"----当前页面的url信息----"); //this.$router.push("/user/detail/detaildata/" + row.userId); console.log("row.userId::::" + row.userId);

设置el-input，textarea只读方法，使显示的文本内容不允许变更。此时，可通过页面限制防止用户修改方法：添加readonly="true" 或者:disabled="true" 均可实现。代码示例如下所示：<el-form-item label="用户：" :label-width="formLabelWidth"> <el-input type="textarea" readonly="true" v-model="formData.benchmarkDe..

VUE路由跳转可以通过name跳转页可以通过path跳转，带参数的话参数可以封装在params中也可以封装在query中。1）params传参数：类似post，html 取参 $route.params.id，script 取参 this.$route.params.id，刷新页面参数消失；2）query传参数： 类似get,url后面会显示参数，html 取参 $route.query.id，script 取参 this.$route.query.id，刷新页面参数还在。一、router-li

el-table如下数据一、el-table 整行都可以点击事件定义点击事件 @row-click="openDetails"；openDetails为方法名 <!-- @row-click 单元格整行点击事件 --> <!--@row-click="openDetails" 方法名--><el-table v-loading="loading" :data="userList" @selection- change="h

下载字体文件http://pan.baidu.com/s/1b1cRP8提取密码：6r5s引入到项目中@font-face { font-family: PingFang-SC-Semibold; src: url("../../fonts/PingFang-SC-Semibold.ttf");}@font-face { font-fami

最近在使用SpringBoot框架做一些前后端分离的项目，但是我也写一部分简单的前端页面，目前使用Vue框架开发前端页面下班使用vue-element-admin框架开发了一个简单的后台管理系统，在学习开发的过程之中遇到了一个功能在form表单里面这个默认的select下拉框宽度的宽度比较淡，看上去不是很好看这里需要调整成为input输入框一样的长度需要在select下拉框宽度加上如下属性：style="width:100%"或者style="width:200px"代码

最近初步学习Vue开发web前端的table表格时，想通过字典中数据进行匹配展示，如下<el-table v-loading="loading" :data="processList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <!--类型匹配转换--> <e