<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Distance_123的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Distance_123</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Distance_123]]></copyright><item><title><![CDATA[el-select 获取选中的整个对象]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/132433969</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/132433969</guid><author>Distance_123</author><pubDate>Tue, 22 Aug 2023 19:04:04 +0800</pubDate><description><![CDATA[想要获取el-select选中的整个对象，可以el-option中的value可以直接绑定对象，注意：在el-select标签中需要加value-key属性，且值为item中的一个惟一属性，例如id。]]></description><category></category></item><item><title><![CDATA[使可视化面板创建vue项目]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/122997340</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/122997340</guid><author>Distance_123</author><pubDate>Mon, 21 Feb 2022 16:28:33 +0800</pubDate><description><![CDATA[安装vue脚手架
如果我们有安装了vue脚手架则无需安装
npm i @vue/cli -g

创建vue可视化项目

在终端窗口中输入 vue ui
浏览器中出现vue项目管理器









]]></description><category></category></item><item><title><![CDATA[uni.request在部分ios中无法请求数据]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/122103448</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/122103448</guid><author>Distance_123</author><pubDate>Thu, 23 Dec 2021 11:44:07 +0800</pubDate><description><![CDATA[在安卓机上可以正常请求数据，但是在部分ios机上请求不到，报错信息为request:fail，且后端根本没有收到这条请求消息。排除发现部分ios机上的post无法正常请求，get请求可以正常发送，其实与跨域有关，可以在uni.request请求中设置请求头，代码如下：
header: {
		'content-type':'application/x-www-form-urlencoded'
},


...]]></description><category></category></item><item><title><![CDATA[h5页面怎么返回到微信公众号]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/121922808</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/121922808</guid><author>Distance_123</author><pubDate>Tue, 14 Dec 2021 11:10:27 +0800</pubDate><description><![CDATA[由微信公众号自定义菜单进入h5页面，当我们点击页面返回公众号按钮时可以回到公众号，兼容ios和安卓
document.addEventListener('WeixinJSBridgeReady', function(){ WeixinJSBridge.call('closeWindow'); }, false);		
WeixinJSBridge.call('closeWindow');


...]]></description><category></category></item><item><title><![CDATA[vue项目字典管理]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/121466846</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/121466846</guid><author>Distance_123</author><pubDate>Mon, 22 Nov 2021 11:10:02 +0800</pubDate><description><![CDATA[优点：在下拉框数据及列表中下拉类型的数据发生变化时，不用手动一个一个去改动，只需要在字典管理中同步管理即可。



首先对字典查询进行管理

这里涉及的增删改查就不一一阐述了


这里以业务类型的数据为例



先引入字典管理的接口(下拉框)


import {getByType} from 'api/manage/dict.js';


获取业务类型数据

&lt;el-form-item prop="bizType" label="业务类型"&gt;
      &lt;el-select v-mod]]></description><category></category></item><item><title><![CDATA[vue项目升级element-ui]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/121208980</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/121208980</guid><author>Distance_123</author><pubDate>Mon, 08 Nov 2021 15:45:08 +0800</pubDate><description><![CDATA[首先删除你原先的element-ui

npm uninstall element-ui


重新安装你需要的版本，如element-ui@2.11.1

npm i element-ui@2.11.1 -S


在main.js中修改element-ui的样式路径，将default修改为theme-chalk

import 'element-ui/lib/theme-chalk/index.css';


如果还是不行，请升级相应的node-sass、vue及vue-template-compiler.]]></description><category></category></item><item><title><![CDATA[webpack使用]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/117331330</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/117331330</guid><author>Distance_123</author><pubDate>Thu, 27 May 2021 18:10:46 +0800</pubDate><description><![CDATA[1. 概述
webpack 是一个流行的前端项目构建工具（打包工具），它提供了友好的模块化支持，以及代码压缩混淆、处理 js 兼容问题、性能优化等强大的功能。
2. webpack的基本使用
2.1 webpack安装及配置

下载webpack相关包：

npm install webpack webpack-cli –D


在项目根目录中，创建 webpack.config.js 的配置文件
在配置文件中，配置初始化

module.exports = {
 mode: 'development' /]]></description><category></category></item><item><title><![CDATA[el-form使用validateField对多个参数进行验证]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/117018220</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/117018220</guid><author>Distance_123</author><pubDate>Wed, 19 May 2021 10:27:33 +0800</pubDate><description><![CDATA[项目中点击发送短信按钮时，需取消对短信验证输入框的校验，首先想到的是使用clearValidate，无奈项目elemen-ui版本太低，没有这个方法，所以换个思路，可以对表单多个参数进行验证，方法如下：

    //1.在低版本中validateField的第一个参数只能接收String类型，这里以String为例
    //将需要进行表单校验的参数放在一个数组中
    var valiSome = ['email', 'password','inValidateCode']
    //设置布尔值
]]></description><category></category></item><item><title><![CDATA[Vue导出功能]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/115295958</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/115295958</guid><author>Distance_123</author><pubDate>Mon, 29 Mar 2021 11:19:44 +0800</pubDate><description><![CDATA[//template部分
   &lt;el-button class="filter-item" icon="document" @click="getListExcel()"&gt;导出&lt;/el-button&gt;
   
  //methods部分
  getListExcel() {
       //excel是向后台获取数据的方法，项目中分离出来了
       excel(this.listQuery).then(response =&gt; {
             if...]]></description><category></category></item><item><title><![CDATA[js中将金额格式化]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/115208232</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/115208232</guid><author>Distance_123</author><pubDate>Thu, 25 Mar 2021 16:01:29 +0800</pubDate><description><![CDATA[将金额处理为以下格式：
项目中很多地方都可能需要用到，所以可以将其封装为一个函数
&lt;span class="momeyFont"&gt;&lt;/span&gt;元

amountFun('1000','.momeyFont')
function amountFun(obj,ele){
//obj为传入的金额，且为字符串型，ele为需要金额格式化的元素
            var newStr = "";
            var count = 0;
            if(obj.]]></description><category></category></item><item><title><![CDATA[js实现element-ui中el-select的多选功能]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/113929821</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/113929821</guid><author>Distance_123</author><pubDate>Mon, 22 Feb 2021 10:45:59 +0800</pubDate><description><![CDATA[在没有引进element-ui组件的项目中，某个页面需要实现类似于el-select的功能及样式，如果引入element-ui的样式和js文件，会导致内容过大，页面加载比较慢。所以我手写了一个差不多的组件，在pc和移动端简单区分了个别样式，效果图如下：

注：样式中涉及的“×"、"勾”及“上下翻转”符号我是从阿里巴巴矢量图库中下载生成的svg的图片格式
直接上代码：
样式部分
&lt;style&gt;
        .info_desc {
            font-size: 14px;
  ]]></description><category></category></item><item><title><![CDATA[element el-date-picker 选择指定星期]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/113699038</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/113699038</guid><author>Distance_123</author><pubDate>Fri, 05 Feb 2021 16:47:36 +0800</pubDate><description><![CDATA[这里以el-date-picker只能选择周日为例

设置picker-options

&lt;el-date-picker
                        v-model="value1"
                        type="date"
                        placeholder="选择日期"
                        :picker-options="pickerTime"&gt;
&lt;/el-date-pi]]></description><category></category></item><item><title><![CDATA[vue限制输入框最多只能输入小数点后两位]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/112005111</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/112005111</guid><author>Distance_123</author><pubDate>Thu, 31 Dec 2020 11:17:33 +0800</pubDate><description><![CDATA[&lt;el-input v-model="amMerchant.rate"  type="number"  @input.native="changeRate($event,amMerchant.rate)"&gt; &lt;/el-input&gt;

methods:{
       changeRate(e,input){
                e.target.value=(e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
  .]]></description><category></category></item><item><title><![CDATA[vue使用el-opload只允许上传一张图片同时拥有预览和删除功能]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/111478056</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/111478056</guid><author>Distance_123</author><pubDate>Tue, 22 Dec 2020 11:25:05 +0800</pubDate><description><![CDATA[在最近的vue项目,产品要求只能上传一张图片，同时实现预览和删除的功能。使用el-opload照片墙会出现闪动的问题，用户头像上传满足要求，但是没有删除功能，所以我在用户头像上传的基础上手动增加了预览和删除功能，效果如下：



...]]></description><category></category></item><item><title><![CDATA[ios thymeleaf回显下拉框数据不生效]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/111173791</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/111173791</guid><author>Distance_123</author><pubDate>Mon, 14 Dec 2020 15:52:51 +0800</pubDate><description><![CDATA[学习目标：
开发中我们可能会遇到回显后台传过来的数据，最近遇到的问题有：下拉框在pc端，安卓端能成功回显数据ios却不行，解决方法：

$("#idType").find('option[value='+ id_type+']').attr('selected','selected')

换成
$("#idType").find('option[value='+ id_type+']').prop('selected',true)


...]]></description><category></category></item><item><title><![CDATA[IOS不支持overflow: hidden；]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/111171958</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/111171958</guid><author>Distance_123</author><pubDate>Mon, 14 Dec 2020 15:42:03 +0800</pubDate><description><![CDATA[在最近的项目中，ios系统出现一个带有滚动条的弹框，使其滚动，发现是先把父盒子滚动到底部才能滚动弹框，体验十分不好。所以第一反应是当弹框弹出的时候，隐藏父元素的滚动条，结果不生效，尝试各种方法都不行后，百度发现ios不支持overflow: hidden;解决方法：

弹框弹出时：
$('body').css({
height: 100%;
overflow: hidden;
width: 100%;
position: fixed;
})


...]]></description><category></category></item><item><title><![CDATA[el-table列表数据刷新后定位到之前点击的那一行]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/110423280</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/110423280</guid><author>Distance_123</author><pubDate>Tue, 01 Dec 2020 17:59:13 +0800</pubDate><description><![CDATA[学习目标：
需求描述：点击表格操作列表中的编辑，会出现点击该行的弹框信息，对信息进行修改后，关闭弹框，刷新表格，并定位到之前点击编辑的那一行，注：我没给表格高度，如果表格设置了高度，需对对应部分进行修改

![点击审核按钮，弹出弹窗](https://img-blog.csdnimg.cn/20201201171448380.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLm]]></description><category></category></item><item><title><![CDATA[ie9浏览器使用webuploader上传文件点击按钮没反应]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/110197562</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/110197562</guid><author>Distance_123</author><pubDate>Thu, 26 Nov 2020 17:36:14 +0800</pubDate><description><![CDATA[一定要确定swf属性的路径是否正确


开始我以为自己路径没问题，而在这个问题上花了很多时间。如何确定自己路径有没有问题呢，打开调试工具，查看network

看状态码是否为200，如果是404就意味着你路径有问题

在文件头部添加

 &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;


...]]></description><category></category></item><item><title><![CDATA[el-dialog的整体拖拽及拖拽部分为图片的问题]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/110196092</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/110196092</guid><author>Distance_123</author><pubDate>Thu, 26 Nov 2020 17:02:45 +0800</pubDate><description><![CDATA[vue中给dialog添加拖拽功能的步骤

在utils文件中新增directive.js文件

import Vue from 'vue'

// v-dialogDrag: 弹窗拖拽
Vue.directive('dialogDrag', {
    bind(el, binding, vnode, oldVnode) {
        const dragObj = el.querySelector('.el-dialog')
        dragObj.style.cursor = 'move]]></description><category></category></item><item><title><![CDATA[iOS真机时间显示为NANA]]></title><link>https://blog.youkuaiyun.com/Distance_123/article/details/109023477</link><guid>https://blog.youkuaiyun.com/Distance_123/article/details/109023477</guid><author>Distance_123</author><pubDate>Mon, 12 Oct 2020 14:55:11 +0800</pubDate><description><![CDATA[安卓手机及PC端支持时间为("YYYY-MM-DD HH:mm:ss")的格式，对于iOS手机来说这种格式是存在兼容性问题的，从而导致页面时间显示为NANA的问题，我们可以从iOS支持时间格式为("YYYY/MM/DD HH:mm:ss")入手。

       当我遇到这个问题后进行百度，发现大部分的人都说直接将时间中的**-**替换成**/**就可以解决问题，其实不然，具体要看开发实际情况。通过打印可得后端转入的时间格式为**2020-09-25T06:45:49.000+0000**，...]]></description><category></category></item></channel></rss>