VeraHsiang的博客

原创 vue父组件传值给子组件

父文件： <el-form-item label="组织"> <zy-type-customer :to-zy-type="toZyType" :fData="data1"/> </el-form-item> data() { return { data1: '父组件数据data1', } }子组件：<p>数据：{{fData}}</p> export d

原创 vue中使用jquery锚点定位

在使用a标签锚点定位时候，发现每次的定位都向上偏移了一截子。经研究发现，是在定位过程中，界面最上部分有个标题栏，具有一定的高度，当锚点定位的时候，就会把这部分的高度给算上。如下图所示解决方法：引入jquery，使用jqueryimport $ from ‘jquery’$(function(){ $(".side_bar a").click(function(){ var target = $(this).attr('href'); console.log("targe

原创 elementui点击table单元格事件，获取行列等信息

根据elementui官网，table中点击某个单元格触发事件，获取到行，列等信息，使用@cell-click=“handle”例：<el-table :data="talent_list2" ref="table2" border fit highlight-current-row @cell-click="handle"> handle1(row, column, event, cell) { debugger console.log(row);

原创 elementui多选下拉选择框

<el-form-item label="事件类型"> <el-select placeholder="请选择事件类型" multiple collapse-tags v-model="department" @change="getSelectDep"> <el-checkbox :style="selfstyle" v-model="checkedThing" @change='selectAllThi..

原创 js获取两个月份之间的所有月份，可以跨年选择

getYearAndMonth("2018-05","2019-06");function getYearAndMonth(start, end) { var result = []; var newResult=[]; var starts = start.split('-'); var ends = end.split('-'); var staYear = parseInt(starts[0]); var staMon = parseInt(star.

原创 js分别取出数组中的第一第二等元素，组成新数组

var arrays = [["a0","a1","a2","a3"],["b0","b1","b2","b3"],["c0","c1","c2","c3"],["d0","d1","d2","d3"]];var outArr=[];for(var i=0;i<arrays.length;i++){ outArr.push([]);}for(var i=0;i<arrays.length;i++){ var arr=arrays[i]; for(var j=0;j<arr.l

原创 js动态循环变量名

var len = 6; var nameMap = []; var i; for (i = 0; i < len; i++) { nameMap[i] = i; } console.log(nameMap);

原创 elementui下拉选择框

<el-form-item label="公司类型"> <el-select v-model="companyType" > <el-option label="请选择" value=""></el-option> <el-option v-for="item in companyTypes" :key="item.id" :label="item.value" :v...

原创 纯css实现悬浮导航锚点定位

<div class="side_bar"> <ul> <li><a href="#table_one">111</a> </li> <li><a href="#table_two">222</a> </li> <li><a href="#table_three">333</a> </l.

原创 position: fixed在浏览器居中显示问题

.side_bar { position: fixed; top: 80px; z-index: 1000; width: 100%; max-width: 780px; transform: translate(-55%,100%); left: 60%; }关键部分：transform: translate(-55

原创 关于elementui自带样式修改的问题

因业务需求，对当前页面的elementui自带的样式进行一些修改，使用了如下的方式（1）给style增加scoped，如下图在这里面可以修改当前页面的css。如要修改的是elementui自带样式，需要使用如下格式（深度穿透）：（2）如果在style中修改了还是不生效，请使用如下方式...

原创 解决vue下拉框多选框的文字过多超出原本框的高度

当我们使用vue的下拉多选框的时候，通常会出现如下现象复选的条件多了，el-select__tags被撑开高度，想要解决这个问题，只需要在css中设置 .el-select__tags { flex-wrap: nowrap; overflow: hidden; }注意：要在style中设置，如果style加上了scoped则不生效。...

原创 el-table-column表格内文字可点击

如下代码块，在el-table-column中增加template： <el-table-column label="人数" prop="people_num" align="center"> <template scope="scope"> <a class="self_peoNum" @click="viewDetails">{{ scope.row.people_num }}</a> &

原创 el-table-column设置表格内居中

如下代码块，设置属性 align=“center”<el-table-column label="岗位实际人数" prop="post_real_people_num" align="center"> </el-table-column>

原创 vue-钩子函数before-leave

before-leave钩子，是el-tabs的一个一个属性。给该属性绑定一个函数，可以在触发tab切换时将执行绑定的函数。该钩子将在tab-clik之前执行。返回 false 或者返回 Promise 且被 reject，则阻止切换。<el-tabs tab-position="left" v-model="activeName" type="border-card" :before-leave="beforeLeaveTab" @tab-click="tabclickInit">

原创 elementui根据下拉选择框选择的值动态生成表格

下拉选择框表格生成总结来说，就是把下拉框中获取到的值，赋给表格

原创 vue前端环境部署过程

1.安装nvm-setup2.安装node3.安装git4.检查版本和安装情况5.在代码处，下载依赖包（1）第一种方式 npm install（2）第二种方式npm install --registry=https://registry.npm.taobao.org6.报错及解决（1）npm install报错类似于npm WARN tar ENOENT: no such file or directory, open '*\node_modules.staging*解决方法:

原创 让element-ui中el-select不换行的方式

在elementui中，使用select多选的方式，往往会把高度撑开了我们查看console中，dom元素，发现产生如下元素，把高度给撑开了解决方案如下：在style中，增加如下css（不能在scoped中添加，在scoped中写不会生效）.el-select__tags {flex-wrap: nowrap;overflow: hidden;}实现效果如下图：...

原创 jdk安装

1.下载2.安装3.配置环境变量在系统变量下新建变量CLASSPATH 变量值输入：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar新建变量：输入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin 点击确认按钮直到再次回到控制面板。Windows 7系统， 则直接在末尾添加 ；%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin4.测试安装是否成功cmdjav

原创 git代码提交流程

git 常用命令（1）git pull xxx //首先更新当前版本库（2）git push $ git push //再提交 https://git.oschina.net/sailor1/ym_shop2.git//更新完后提交代码git init //git初始化当前git仓库git add *//添加所有文件git commit -am “My feature is...

原创 loadrunner11在压力测试的时候要注意的事项

1.如果使用ie或者火狐，需要将此浏览器设置为默认浏览器（否则录制脚本是空的）2.录制的时候，顺序是插入集合–开始事务–结束事务3.录制之前，要把ie或者火狐浏览器关闭，点击录制时候浏览器会自动打开4.loadrunner11支持火狐浏览器24版本、和IE8...

原创 信息系统项目管理师考试经验

原创 信息系统项目管理师必背案例知识

一、合同管理的常见问题：1．没有签订合同或缺少某些条款；2．合同条款约定不明（时间、地点、质量要求、费用等）；3．合同执行过程中没有留下相应的记录；4．项目变更中没有相应的进行合同变更二、变更中常见的问题：1．没有按照变更要求处理更过程；2．变更要求没有留下书面记录；3．是否接受或拒绝变更，不应由项目经理独自决定；4．项目变更后有没有相应的变更合同三、项目管理计划的常见问题：...

原创 idea本地仓库已经有相应的jar包，但是pom文件依然找不到

问题描述：在把新项目导入idea中的时候，有时候会出现这样的错误：Failed to read artifact descriptor for ***点击右键下载，无法下载右键项目—maven—reimport，更新项目，均不起作用。解决方式：如下图将pom文件中的版本号均注释掉，然后重新更新项目。Jar包就下好了。...

原创 解决端口被占用问题Address already in use

（1）当我们运行项目的时候，控制台打印出error，java.net.BindException: Address already in use（2）解决方法：打开cmd，输入netstat -ano（3）输入你想要查的正在占用的端口号，netstat -ano|findstr 8080（4）此时会显示端口8080对应的tcp号。（5）输入命令taskkill /f /t /im 1...