<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[VeraHsiang的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/VeraHsiang</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; VeraHsiang]]></copyright><item><title><![CDATA[vue父组件传值给子组件]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/111385761</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/111385761</guid><author>VeraHsiang</author><pubDate>Fri, 18 Dec 2020 17:13:15 +0800</pubDate><description><![CDATA[父文件：
      &lt;el-form-item label="组织"&gt;
              &lt;zy-type-customer :to-zy-type="toZyType"  :fData="data1"/&gt;
      &lt;/el-form-item&gt;

  data() {
	  return {
	  	data1: '父组件数据data1',
	  }
  }

子组件：
&lt;p&gt;数据：{{fData}}&lt;/p&gt;

 export d]]></description><category></category></item><item><title><![CDATA[vue中使用jquery锚点定位]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/111237203</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/111237203</guid><author>VeraHsiang</author><pubDate>Tue, 15 Dec 2020 19:23:21 +0800</pubDate><description><![CDATA[在使用a标签锚点定位时候，发现每次的定位都向上偏移了一截子。经研究发现，是在定位过程中，界面最上部分有个标题栏，具有一定的高度，当锚点定位的时候，就会把这部分的高度给算上。
如下图所示

解决方法：
引入jquery，使用jquery
import $ from ‘jquery’
$(function(){
  $(".side_bar a").click(function(){
     var target = $(this).attr('href');
      console.log("targe]]></description><category></category></item><item><title><![CDATA[elementui点击table单元格事件，获取行列等信息]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/109034644</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/109034644</guid><author>VeraHsiang</author><pubDate>Mon, 12 Oct 2020 19:22:34 +0800</pubDate><description><![CDATA[根据elementui官网，table中点击某个单元格触发事件，获取到行，列等信息，使用@cell-click=“handle”
例：
&lt;el-table :data="talent_list2" ref="table2"  border fit highlight-current-row @cell-click="handle"&gt;

    handle1(row, column, event, cell) {
        debugger
      console.log(row);
]]></description><category></category></item><item><title><![CDATA[elementui多选下拉选择框]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/109024279</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/109024279</guid><author>VeraHsiang</author><pubDate>Mon, 12 Oct 2020 11:25:28 +0800</pubDate><description><![CDATA[&lt;el-form-item label="事件类型"&gt;
                &lt;el-select placeholder="请选择事件类型" multiple collapse-tags v-model="department" @change="getSelectDep"&gt;
                  &lt;el-checkbox :style="selfstyle" v-model="checkedThing" @change='selectAllThi..]]></description><category></category></item><item><title><![CDATA[js获取两个月份之间的所有月份，可以跨年选择]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108865368</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108865368</guid><author>VeraHsiang</author><pubDate>Tue, 29 Sep 2020 11:32:36 +0800</pubDate><description><![CDATA[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.]]></description><category></category></item><item><title><![CDATA[js分别取出数组中的第一第二等元素，组成新数组]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108865243</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108865243</guid><author>VeraHsiang</author><pubDate>Tue, 29 Sep 2020 11:27:54 +0800</pubDate><description><![CDATA[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&lt;arrays.length;i++){
	outArr.push([]);
}
for(var i=0;i&lt;arrays.length;i++){
	var arr=arrays[i];
	for(var j=0;j&lt;arr.l]]></description><category></category></item><item><title><![CDATA[js动态循环变量名]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108865182</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108865182</guid><author>VeraHsiang</author><pubDate>Tue, 29 Sep 2020 11:25:14 +0800</pubDate><description><![CDATA[var len = 6;
 var nameMap = [];
 var i;
  for (i = 0; i &lt; len; i++) {
          nameMap[i] = i;
        }
  console.log(nameMap);


]]></description><category></category></item><item><title><![CDATA[elementui下拉选择框]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108799036</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108799036</guid><author>VeraHsiang</author><pubDate>Fri, 25 Sep 2020 16:16:03 +0800</pubDate><description><![CDATA[&lt;el-form-item label="公司类型"&gt;
            &lt;el-select v-model="companyType" &gt;
               &lt;el-option label="请选择" value=""&gt;&lt;/el-option&gt;
              &lt;el-option v-for="item in companyTypes" :key="item.id" :label="item.value" :v...]]></description><category></category></item><item><title><![CDATA[纯css实现悬浮导航锚点定位]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108798753</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108798753</guid><author>VeraHsiang</author><pubDate>Fri, 25 Sep 2020 16:10:31 +0800</pubDate><description><![CDATA[&lt;div class="side_bar"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#table_one"&gt;111&lt;/a&gt; &lt;/li&gt;
        &lt;li&gt;&lt;a href="#table_two"&gt;222&lt;/a&gt; &lt;/li&gt;
        &lt;li&gt;&lt;a href="#table_three"&gt;333&lt;/a&gt; &lt;/l.]]></description><category></category></item><item><title><![CDATA[position: fixed在浏览器居中显示问题]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108798573</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108798573</guid><author>VeraHsiang</author><pubDate>Fri, 25 Sep 2020 15:59:40 +0800</pubDate><description><![CDATA[.side_bar {
       		position: fixed;
            top: 80px;
            z-index: 1000;
            width: 100%;         
            max-width: 780px;
            transform: translate(-55%,100%);
            left: 60%;

  }

关键部分：
transform: translate(-55]]></description><category></category></item><item><title><![CDATA[关于elementui自带样式修改的问题]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108328790</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108328790</guid><author>VeraHsiang</author><pubDate>Mon, 31 Aug 2020 20:32:09 +0800</pubDate><description><![CDATA[因业务需求，对当前页面的elementui自带的样式进行一些修改，使用了如下的方式
（1）给style增加scoped，如下图

在这里面可以修改当前页面的css。
如要修改的是elementui自带样式，需要使用如下格式（深度穿透）：

（2）如果在style中修改了还是不生效，请使用如下方式



...]]></description><category></category></item><item><title><![CDATA[解决vue下拉框多选框的文字过多超出原本框的高度]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108327269</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108327269</guid><author>VeraHsiang</author><pubDate>Mon, 31 Aug 2020 18:58:46 +0800</pubDate><description><![CDATA[当我们使用vue的下拉多选框的时候，通常会出现如下现象

复选的条件多了，el-select__tags被撑开高度，想要解决这个问题，只需要在css中设置
 .el-select__tags {

    flex-wrap: nowrap;
    overflow: hidden;
  }

注意：要在style中设置，如果style加上了scoped则不生效。

...]]></description><category></category></item><item><title><![CDATA[el-table-column表格内文字可点击]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108154467</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108154467</guid><author>VeraHsiang</author><pubDate>Fri, 21 Aug 2020 19:19:27 +0800</pubDate><description><![CDATA[如下代码块，在el-table-column中增加template：
 &lt;el-table-column label="人数" prop="people_num" align="center"&gt;
        &lt;template scope="scope"&gt;
                &lt;a class="self_peoNum" @click="viewDetails"&gt;{{ scope.row.people_num }}&lt;/a&gt;
         &]]></description><category></category></item><item><title><![CDATA[el-table-column设置表格内居中]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108154375</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108154375</guid><author>VeraHsiang</author><pubDate>Fri, 21 Aug 2020 19:14:48 +0800</pubDate><description><![CDATA[如下代码块，设置属性 align=“center”
&lt;el-table-column label="岗位实际人数" prop="post_real_people_num" align="center"&gt;
      &lt;/el-table-column&gt;



]]></description><category></category></item><item><title><![CDATA[vue-钩子函数before-leave]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108121376</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108121376</guid><author>VeraHsiang</author><pubDate>Thu, 20 Aug 2020 12:54:45 +0800</pubDate><description><![CDATA[before-leave钩子，是el-tabs的一个一个属性。给该属性绑定一个函数，可以在触发tab切换时将执行绑定的函数。该钩子将在tab-clik之前执行。
返回 false 或者返回 Promise 且被 reject，则阻止切换。
&lt;el-tabs tab-position="left" v-model="activeName" type="border-card" :before-leave="beforeLeaveTab"     @tab-click="tabclickInit"&gt;]]></description><category></category></item><item><title><![CDATA[elementui根据下拉选择框选择的值动态生成表格]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108121337</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108121337</guid><author>VeraHsiang</author><pubDate>Thu, 20 Aug 2020 12:48:13 +0800</pubDate><description><![CDATA[下拉选择框

表格生成

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

]]></description><category></category></item><item><title><![CDATA[vue前端环境部署过程]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108121254</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108121254</guid><author>VeraHsiang</author><pubDate>Thu, 20 Aug 2020 12:38:57 +0800</pubDate><description><![CDATA[1.安装nvm-setup
2.安装node
3.安装git
4.检查版本和安装情况


5.在代码处，下载依赖包
（1）第一种方式   npm install
（2）第二种方式
npm install --registry=https://registry.npm.taobao.org

6.报错及解决
（1）npm install报错类似于npm WARN tar ENOENT: no such file or directory, open '*\node_modules.staging*
解决方法:]]></description><category></category></item><item><title><![CDATA[让element-ui中el-select不换行的方式]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/108121178</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/108121178</guid><author>VeraHsiang</author><pubDate>Thu, 20 Aug 2020 12:33:06 +0800</pubDate><description><![CDATA[在elementui中，使用select多选的方式，往往会把高度撑开了

我们查看console中，dom元素，发现产生如下元素，把高度给撑开了

解决方案如下：
在style中，增加如下css（不能在scoped中添加，在scoped中写不会生效）
.el-select__tags {
flex-wrap: nowrap;
overflow: hidden;
}
实现效果如下图：


...]]></description><category></category></item><item><title><![CDATA[jdk安装]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/106156110</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/106156110</guid><author>VeraHsiang</author><pubDate>Sat, 16 May 2020 11:07:24 +0800</pubDate><description><![CDATA[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\bin
4.测试安装是否成功
cmd
jav]]></description><category></category></item><item><title><![CDATA[git代码提交流程]]></title><link>https://blog.youkuaiyun.com/VeraHsiang/article/details/105748227</link><guid>https://blog.youkuaiyun.com/VeraHsiang/article/details/105748227</guid><author>VeraHsiang</author><pubDate>Sat, 16 May 2020 11:01:31 +0800</pubDate><description><![CDATA[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...]]></description><category></category></item></channel></rss>