<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yjxfox的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yjxfox</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yjxfox]]></copyright><item><title><![CDATA[Mac Tunnelblick 安装与配置 Tunnelblick-3.7.9a-build-5321.dmg]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/144917659</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/144917659</guid><author>yjxfox</author><pubDate>Fri, 03 Jan 2025 20:44:11 +0800</pubDate><description><![CDATA[https://pan.baidu.com/s/1Im3VraAL4p6ciuRkJ98paw 破解码:rn4f。版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。1、建议在百度网盘下载dmg文件，直接打开。点击连接,输入用户名密码就可以连接上了。这里就到最后一步了，连接oenvpn。在桌面会有一个“配置样本”的文件夹。到这就完成配置导入了。]]></description><category></category></item><item><title><![CDATA[vuejs el-pagination 分页数据渲染]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/114576829</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/114576829</guid><author>yjxfox</author><pubDate>Tue, 09 Mar 2021 10:24:34 +0800</pubDate><description><![CDATA[&lt;!-- 分页 --&gt;
&lt;div class="pagination" v-if="totality*pageSizeCount &gt; 1" :class="{'dn':this.totality &lt;= 1}"&gt;
    &lt;el-pagination background @current-change="handleCurrentChange" :current-page="pageNum" :total="totality" layout="total, pre.]]></description><category></category></item><item><title><![CDATA[vue 导出文件携带请求头token]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/114530243</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/114530243</guid><author>yjxfox</author><pubDate>Mon, 08 Mar 2021 14:30:23 +0800</pubDate><description><![CDATA[前言

本文并不能直接复制到本地看效果，仅提供代码参考

1.使用axios的方式携带请求头token2.设置响应的数据类型


responseType: "blob"


1
3.请求成功，返回二进制文件的数据回来4.请求失败，返回json5.示例代码


&lt;template&gt;
  &lt;div&gt;
    &lt;el-button type="primary" size="small" :loading="btnLoading" @click="exportFile"&gt;导出&]]></description><category></category></item><item><title><![CDATA[element table查询时，table内显示加载中，返回空数据时显示暂无数据（即empty-text的使用）]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/111289590</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/111289590</guid><author>yjxfox</author><pubDate>Wed, 16 Dec 2020 16:38:02 +0800</pubDate><description><![CDATA[1.先来看下table内empty-text的含义



2.








]]></description><category></category></item><item><title><![CDATA[element table 表格实现上移、下移]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/111227056</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/111227056</guid><author>yjxfox</author><pubDate>Tue, 15 Dec 2020 17:40:46 +0800</pubDate><description><![CDATA[业务场景：有时候需要前端实现上移和下移功能



代码如下：

根据交互形式，我这里是把第一条数据的上移按钮置灰不可点击：:disabled="scope.$index == 0"；最后一条数据下移按钮置灰不可点击：:disabled="(scope.$index + 1) == tableData.length"。


&lt;template&gt;
    &lt;el-table
        :data="tableData"&gt;
        &lt;el-table-column ty]]></description><category></category></item><item><title><![CDATA[Mac OS X Yosemite 10.10 配置 Apache+PHP 教程注意事项]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/106235520</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/106235520</guid><author>yjxfox</author><pubDate>Wed, 20 May 2020 14:30:58 +0800</pubDate><description><![CDATA[首先启动 Apache，在终端里输入命令：


sudo apachectl start

查看 Apache 版本：


httpd -v

在Yosemite 10.10下，apache更新了


Server version: Apache/2.4.9 (Unix)
Server built:   Sep  9 2014 14:48:20

接着测试，我就发现如下几点需要修正，如有其它疑问欢迎交流：

1、重新启用PHP，避免脚本直接显示在页面上

首先是 http://localhost/ 会将 P]]></description><category></category></item><item><title><![CDATA[Code]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/103110153</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/103110153</guid><author>yjxfox</author><pubDate>Sun, 17 Nov 2019 16:39:52 +0800</pubDate><description><![CDATA[&lt;div class="grid"&gt;
    &lt;div class="list"&gt;
        &lt;button&gt;&lt;span&gt;Normal&lt;/span&gt;&lt;/button&gt;
        &lt;button&gt;&lt;/button&gt;
    &lt;/div&gt;
    &lt;div class="li...]]></description><category></category></item><item><title><![CDATA[Vuejs 用router-link跳转带参数到下一个页面]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90667467</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90667467</guid><author>yjxfox</author><pubDate>Wed, 29 May 2019 11:15:22 +0800</pubDate><description><![CDATA[在当前页面设置router-link


&lt;router-link class="normalBtn" tag="a" :to="{name:'historyRecordId',params: {id:radio}}" &gt;下一步&lt;/router-link&gt;

然后在下一个页面接收上一个页面带过来的参数


&lt;script&gt;
export default {
  ...]]></description><category></category></item><item><title><![CDATA[Vuejs style lang="scss" 样式里写背景图片路径]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90665187</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90665187</guid><author>yjxfox</author><pubDate>Wed, 29 May 2019 09:37:10 +0800</pubDate><description><![CDATA[主要是在引入背景图片的前面加入“ ~@/assets/ ”


&lt;style lang="scss"&gt;
    div{
        height:600px;
        background-size:100%;
        background-repeat:no-repeat;
        background-position:center top;
    ...]]></description><category></category></item><item><title><![CDATA[Vuejs 实现Element - tableData 列表排序上下移动]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90641658</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90641658</guid><author>yjxfox</author><pubDate>Tue, 28 May 2019 16:24:13 +0800</pubDate><description><![CDATA[el-tabel 列表项实现上移，下移，删除功能

结合Element组件，scope中有三个参数（row，cow，$index）分别表示行内容、列内容、以及此行索引值，
table上绑定数组 :data=“newsList”。

上移和下调两个按钮，并绑定上点击函数，将此行的索引值(scope.$index)作为参数：


&lt;template&gt;
      &lt;el-table ...]]></description><category></category></item><item><title><![CDATA[Vuejs element table 表格添加，删除]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90521332</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90521332</guid><author>yjxfox</author><pubDate>Fri, 24 May 2019 18:34:13 +0800</pubDate><description><![CDATA[Html 部份


&lt;el-table :data="tableData" style="width: 100%"&gt;
                &lt;el-table-column type="index" label="排序" min-width="20"&gt;
                &lt;/el-table-column&gt;
             ...]]></description><category></category></item><item><title><![CDATA[Vue.js element-ui date-picker日期选择后格式化为yyyy-mm-dd格式]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90267745</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90267745</guid><author>yjxfox</author><pubDate>Thu, 16 May 2019 17:18:13 +0800</pubDate><description><![CDATA[项目中需要的日期格式为yyyy-mm-dd，但是我们在使用的element-ui的 日期选择器后默认的时间格式为


Fri Sep 07 2018 00:00:00 GMT+0800 (中国标准时间)

折腾了半天找到一种完美的方法，这记载datepicker中添加一句value-format=”yyyy-MM-dd” 即可，以下这样：


&lt;el-date-picker v-model=...]]></description><category></category></item><item><title><![CDATA[Vue.js 和 ECharts 封装的图表组件库v-charts]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90235841</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90235841</guid><author>yjxfox</author><pubDate>Wed, 15 May 2019 14:23:28 +0800</pubDate><description><![CDATA[1. 命令安装


npm i v-charts echarts -S

2. 在显示的页面进行参数配置


&lt;template&gt;
  &lt;div&gt;
    &lt;ve-line :data="chartData"&gt;&lt;/ve-line&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
import VeLi...]]></description><category></category></item><item><title><![CDATA[在vue.js中如何导出Excel表格]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90208103</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90208103</guid><author>yjxfox</author><pubDate>Tue, 14 May 2019 15:39:20 +0800</pubDate><description><![CDATA[有一个项目需求，要求在前端项目中导出Excel表格，经过查找代码,Vue.js确实可以实现，具体实现步骤为：

1. 安装依赖


//npm 
npm install -S file-saver xlsx
npm install -D script-loader



或者


//yarn
yarn add file-saver
yarn add xlsx
yarn add script-lo...]]></description><category></category></item><item><title><![CDATA[解决Vue在setTimeout内修改this失效的问题]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90201616</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90201616</guid><author>yjxfox</author><pubDate>Tue, 14 May 2019 10:40:49 +0800</pubDate><description><![CDATA[在项目中会遇到 定时方面的需求。我们来用setTimeout来处理。

1.简单业务需求


 var itime = setInterval(function() {
                                    if(_this.step0_payMaxTime &gt; 0) {
                                        _th...]]></description><category></category></item><item><title><![CDATA[Vue 中安装使用vue-quill-editor富文本编辑器]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90170370</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90170370</guid><author>yjxfox</author><pubDate>Mon, 13 May 2019 11:48:56 +0800</pubDate><description><![CDATA[1、安装依赖

npm install vue-quill-editor --save

2、使用

（1）在“项目名\src\main.js”引入
import VueQuillEditor from 'vue-quill-editor'
//一定要引入这三个css，不然文本编辑器会出现不规则黑白几何图形
//这三个css可以在main.js中引入，也可以在具体使用的.vue文件中引入
impo...]]></description><category></category></item><item><title><![CDATA[Vue 在el-menu中导航栏实现方式]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/90058914</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/90058914</guid><author>yjxfox</author><pubDate>Fri, 10 May 2019 14:32:49 +0800</pubDate><description><![CDATA[在el-menu中加上router参数，同时el-menu-item 中index直接写上链接地址，default-active="/home" 设置默认选中状态

源代码如下：


&lt;el-menu default-active="/home" router&gt;
                        &lt;el-menu-item index="/home"&gt;&lt;...]]></description><category></category></item><item><title><![CDATA[记 elementui switch开关中显示文字问题]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/89947100</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/89947100</guid><author>yjxfox</author><pubDate>Wed, 08 May 2019 10:45:24 +0800</pubDate><description><![CDATA[我想要的效果





官网提供的效果




&lt;el-table-column label="销售状态" min-width="10%"&gt;
                &lt;template slot-scope="scope"&gt;
                    &lt;el-switch class="switchStyle" v-model="scope.r...]]></description><category></category></item><item><title><![CDATA[在vue中使用sass的配置的方法]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/89329141</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/89329141</guid><author>yjxfox</author><pubDate>Tue, 16 Apr 2019 10:58:38 +0800</pubDate><description><![CDATA[1、创建一个基于 webpack 模板的新项目


$ vue init webpack myvue

2、在当前目录下，安装依赖


$ cd myvue
$ npm install

3、安装sass的依赖包


npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sa...]]></description><category></category></item><item><title><![CDATA[【grunt整合版】30分钟学会使用grunt打包前端代码]]></title><link>https://blog.youkuaiyun.com/yjxfox/article/details/87163340</link><guid>https://blog.youkuaiyun.com/yjxfox/article/details/87163340</guid><author>yjxfox</author><pubDate>Wed, 13 Feb 2019 10:19:51 +0800</pubDate><description><![CDATA[grunt

是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：
① 压缩文件
② 合并文件
③ 简单语法检查

对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵

准备阶段

1、nodeJs环境

因为grunt是基于nodeJs的，所以首先各位需要安装nodeJS环境，这块我们便不管了
http://www.cnblogs.com/y...]]></description><category></category></item></channel></rss>