ougexingfuba的博客

原创 力软vue前端开发：使用params跳转传参404问题解决

力软vue params跳转传参404问题解决

原创 vue中页面(路由)跳转及传值的几种方式 router-link + query + params

params传参，参数保存在了路由路径后面提前写的对应参数名里。可以这样说，params传的是值，而query是把参数名和值一起传过去了。id=123），所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。params传参，路由路径后面需要写/：参数名/参数名，传过来的参数就保存在这里，不写参数名的时候，用户一刷新传过来的参数就没有了。所以在传多个参数的时候，使用query比较好，如果使用params，还得在路由路径后面创建多个参数名。

原创 vue父子组件传值不能实时更新的解决方法

后面查了一些资料是因为：在vue中，数据和dom渲染是异步的，当dom还没渲染，却用数据去赋值的话，就会出现这个问题。在项目中，将erchart中的生成仪表盘的数据封装了一个子组件，父组件中传给仪表盘一个初始值，后续，调用后台接口返回最新的数据传给这个仪表盘组件的之后，发现仪表盘中的数据并没有实时的更新。若是，别人封装了这么一个组件，数据更新的时候还要利用v-if重新渲染一下，那就感觉这个组件可能封装的不是太好，所以，咱们还是完善子组件。最近做项目，遇到个大坑，这会爬出来了，写个总结，避免下次掉坑。

原创 vue父子组件传值的方法总结

注意事项：父组件的数据发生了改变，子组件会自动跟着变子组件不能直接修改父组件传递过来的props，会报错， props是只读的子组件修改，不通知父级，会造成数据不一致PS：父组件传给子组件的是一个对象，子组件修改对象的属性，是不会报错的，对象是引用类型, 互相更新总结:说明了从父到子的数据。

原创 npm 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

npm 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。（1）首先找到刚刚安装路径下的node.js文件夹，找到“npm”和“npm.cmd”这2个文件。（5）修改完之后、关闭之前的cmd。我们重新打开一个新的cmd，在cmd中重新输入命令。中运行下列命令，检测node.js是否已经安装成功。可以看到没有报错了！OK，问题已经解决。安装好nodejs以后，在。找到这2个文件里面的。

原创 WdatePicker 日历控件使用支持6种日期类型（年份、月份、季度、周、日、小时）

WdatePicker使用方法

原创 微信JSSDK chooseImage uploadImage 接口 在IOS与安卓的差异

首先得说明我用的JSSDK版本是1.1.0的，官方文档也是给出1.1.0的例子。(目前查找了早期的跟新通知，已经知道了chooseImage在IOS下预览无效的问题的原因)这意味着只有IOS8以上的手机才能用这个本地图片接口，而以下的版本如果使用JSSDK1.2.0版本会导致无法获取图片数据，或者使用1.1.0又无法预览图片的尴尬场面,另外用了1.2.0版本后uploadImage会出现file not exists的错误那么，讲讲那些坑吧。

原创 网页通过调用企业微信SDK自动获取企业微信用户身份前后端代码分享

【代码】网页通过调用企业微信SDK自动获取企业微信用户身份前后端代码分享。

原创 php 部署 csdn,ThinkPHP3.2中引入JS，CSS文件路径配置 – CSDN博客

此外，U方法的第5个参数如果设置为true，表示自动识别当前的域名，并且会自动根据子域名部署设置APP_SUB_DOMAIN_DEPLOY和APP_SUB_DOMAIN_RULES自动匹配生成当前地址的子域名。可以看出其中已经定义好了__PUBLIC__路径，假如需要重新定义，在相关的配置文件中定义TMPL_PARSE_STRING模板就会自动完成相同名称的替换。在模板中使用U方法而不是固定写死URL地址的好处在于，一旦你的环境变化或者参数设置改变，你不需要更改模板中的任何代码。U('Blog/read?.

原创 服务器 apache配置https,http强制跳转https(搭建http与https共存)

我通过httpd-t检查结果是ok以后wampserver就可以正常运行了，这个时候用https开头就可以访问项目了，当然，访问项目可能绿色小锁还是带黄色感叹号，这个时候就要更改页面上的http链接，模板里面body体里面的所有http都换成https以后，网站就是绿色小锁了，多半都是图片的链接。按照这个来配置的，结果就是当前服务器下所有的项目都会强制跳转，如果你的服务器上只挂了一个项目，那就没问题，如果是多个，并且有http不想跳转https就要利用.htaccess文件。...

原创 php2.4安装,Windows下PHP开发环境中Apache2.4的安装

首先去下载PHP、Apache和Mysql的最新版本。下载Apache注意下在这个页面还要下载个DLL文件：php5apache2_4.dll-php-5.4-win32.zip(跟PHP的版本一定要对应)前期的准备工作已经完成。下面讲讲如何安装APache，这个是最麻烦的，其他的多简单。第一部分：安装Apache2.4.31.下载回来的是解压文件，解压好放到要安装的位置。(我这里以D:\Acpache24为例)2.打开Apache24\conf下httpd.conf 文件，用记事本打开即可。(1)第37行

原创 安装apache时出现的(OS 10048)通常每个套接字地址(协议/网络地址/端口)只允许使用一次” 错误

出现的问题如图所示：出现该问题的原因就是，443端口被占用了,此时就有两种解决方法：1、将占用443端口的进程给关掉我们先需要知道是谁占用了443端口在我们的DOS中输入： netstat -a -o查看结果如下： 由上图中可以看出，PID为3284，所以我们需要查找占用该端口的是谁。打开任务管理器，点击右上方的服务，然后点击下方的打开服务。然后找到到，PID为3284的是虚拟机！ 将它关闭之后，然后就行了。2、让Apache使用其他端口在你下载的Apache的目录中，\conf\extra中的这两个文件。

原创 发现ThinkPHP不报错，显示空白页面问题解决办法

在配置文件里加上如下代码php.ini找到display_errors = Off 修改为 display_errors = On

原创 MySQL命令行导出数据库

1，进入MySQL目录下的bin文件夹：cd MySQL中到bin文件夹的目录如我输入的命令行：cd C:\Program Files\MySQL\MySQL Server 4.1\bin(或者直接将windows的环境变量path中添加该目录)2，导出数据库：mysqldump -u 用户名 -p 数据库名 > 导出的文件名 如我输入的命令行:mysqldump -u root -p news > news.sql (输入后会让你输入进入MySQL的密码)（如果导出单张表的话在数据库名后面输

原创 php网页Not fonud,thinkphp not found 不能运用urlrewrite

php url打开not found

原创 编程实用工具大全(二)（前后端皆可用，不来看看？）

目录1. SVG波浪背景生成器2.在线生成新拟态风格CSS 代码3.在线生成CSS玻璃形态效果4.CSS文本排版工具5.随意构建有机外观的形状1.零代码工具箱 - 专为前端打造零代码-前端工具箱 (lingdaima.com)1. SVG波浪背景生成器Svg波浪背景生成器 (lingdaima.com)网站上的效果：我试图录制修改过程的GIF，但是 GIF大于5M上传不了 只能给大家以图片的形式简述它的功能如下图，...

原创 uni-app中使用gzip减小打包体积

uni-app中使用gzip减小打包体积话不多说下面开始1.创建vue.config.js因为uni是根据vue开发的所以支持vue.config.js在根目录创建空的文件改名为 vue.config.js2.填写文件内容打开vue.config.js 将代码粘贴（这段代码是配置gzip的）const CompressionWebpackPlugin = require('compression-webpack-plugin');module.exports = { c

原创 uni-app H5跨域设置(本地调试可用)

注意:这个方法只能本地调试使用发布后需要跨域 需要设置服务器允许跨域首先找到 manifest.json 这个文件，在项目目录的src文件夹下，添加 "h5" 节点"h5": { "devServer": { "https": false, "port": 8080, "proxy": { "/apis": { "target": "https://www.ucharts.cn", "changeOrigin": true, ".

原创 JavaScript-替换字符串中的所有逗号[重复]

如下代码段只能替换第一个逗号var mystring = "this,is,a,test"mystring.replace(",","newchar")要替换所有逗号，需要使用如下代码：var mystring = "this,is,a,test"mystring.replace(/,/g, "newchar");

原创 安卓开发中如何将apk放在服务器上供用户下载

首先需要在IIS服务器上开通能够下载apk文件的接口，具体操作如下：MIME类型中添加新的类型：扩展名中填写“.apk”,MIME类型中填写apk的MIME类型“ application/vnd.android.package-archive ”然后可以让用户直接打开网址：http://xxxxx.com/apk/xxx.apk就可以下载下来了，这时浏览器可以自动识别apk是可以下载的文件的。...

原创 uni-app设置华为荣耀手机真机调试

最近在用uni-app开发一款APP，需要用到真机调试。发现手机和电脑USB连接以后，还是不能真机调试，如下图：经过不断测试，最终可以使APP在真机上调试。步骤如下，供大家参考：1.电脑和手机用数据线连接。选择传输文件。2.在电脑端安装手机助手，例如华为的华为手机助手。3、在HBuilderX中设置adb路径（就是电脑上安装的手机助手的路径）4.手机：设置---》关于手机 点击版本号7次，会提示已打开开发者模式。5.手机：设置--》系统和更新-...

原创 uniapp 中安装使用 uView ui 框架

1. 首先 下载 uView插件包,解压缩https://ext.dcloud.net.cn/plugin?id=1593 2. 用 hbuilerX 创建一个 新的uniapp 项目 从零开始 ,把刚下载的uView文件夹 放到 和 main.js 的同级目录下（项目根目录）3. 将下面的代码 放到 main.js 中import uView from "uview-ui";Vue.use(uView);4 . 下面的放到 uni.scs...

原创 前端UNI-APP调用企业微信客户端API JS-SDK方法

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言企业微信官方的客户端API接口文档写得不太清晰，自己查阅资料，参考官方文档，历时一天，终于成功了。后端Signature签名生成，前端UNI-APP调用企业微信客户端接口方法。一、设置应用可信域名所有的JS接口只能在企业微信应用的可信域名下调用(包括子域名)，且可信域名必须有ICP备案且在管理端验

原创 企业微信页面在电脑端进行调试的方法

最近在开发企业微信上的界面，如果页面有问题，只能靠猜，这样的工作效率肯定很低啊，我可不想老是加班，搞得心情不好。而且，微信都可以有开发工具调试，企业微信应该不至于这么的落后（laji）。所以，我就在网上找各种攻略，各种尝试。最终找到了可以使用的方案（喜大普奔，可是我还是在加班的时候找到的方案，最终逃离不了加班的痛啊~~）首先想尝试用微信web开发工具，但是看企业微信接口文档，我需要调用的企业微信接口不支持微信开发者工具。如下图，所以放弃了使用微信开发者工具。...

原创 uni-app 解决this动态传参赋值不响应的问题

如下代码：<view class="uni-list-cell scroll-view-item"> <view class="uni-list-cell-left"> 访客姓名 </view> <view class="uni-list-cell-db"> <input class="uni-input" name="VisitorName" v-model="VisitorNam

原创 宝塔Linux面板安装Redis

宝塔Linux面板安装Redis不会特别麻烦，只要几步就可以实现：1.安装redis服务2.配置redis设置3.安装PHP扩展，下面就随ytkah一起来看看吧1.首先，我们来安装redis服务，进入宝塔管理面板--软件管理--运行环境--redis-点击安装，等待完成2.完成之后开始第二步，配置redis设置。这一步根据自己需要进行配置。注意安全问题哦我这里就改一下设置密码验证找到/www/server/redis/下面的文件redis.conf里面的requirepass foob.

原创 [easyUI]中 textbox的disabled属性和disable方法

今天在写textbox的hide和show切换时，发现设置textbox $("#xxx").textbox({disabled:true})时，元素只有边框没有宽度了，琢磨了好久，发现$("#xxx").textbox({disabled:true})会重绘控件，后来改成$("#xxx").textbox('enable')就好了。如下：在easyUI中操作textbox进行disable和enable状态切换时有两种方法：方法一、使用disabled属性进行操作，$("#xxx").textb.

原创 easyui中双击事件与单击事件冲突解决方案

无论使用bootstarp还是EasyUI在为某一控件同时绑定双击事件和单击事件的时候，就会造成冲突，当我们双击时，会先触发单击事件，然后触发双击事件。解题思路是这样的，我们在单击事件中添加一个延时，若在延时所在的时长内没有做其他操作，则执行单击事件，若在延时的时长内，再次点击控件，则取消延时程序。这样就可以在一定程度上解决这个冲突。当然这个延时的时长设置是需要斟酌的，若太长，则单击事件有种缓慢的感觉，若太端，则起不到分离单击事件和双击事件的效果。下面奉上例子：var TimeFn = nul

原创 Vue 初始化数据报错的解决方案 TypeError: Cannot read property ‘xxx‘ of undefined

当我们vue项目渲染数据时，有时候页面渲染成功，但是控制台却报错：TypeError: Cannot read property 'xxx' of undefined 。这是因为一开始你渲染的数据还没有赋值成功，解决办法有两种：1.首先看个例子（下面的html页面渲染时会报错：TypeError: Cannot read property 'firstName' of undefined）：<!DOCTYPE html><html lang="en"><head.

原创 前端请求后端(php)接口出现Waiting(TTFB)耗时很长的解决方案

1.ajax请求时，设置请求头Connection:keep-alive2.数据库连接不要写localhost，改成127.0.0.1'DB_HOST' => '127.0.0.1', // 服务器地址然后你就会发现，速度飞一般的快！

原创 elementUi里面的el-input框有时候无法输入的问题

<el-input placeholder="请输入用户账号" v-model="searchData.phone" @input="change($event)"></el-input>change () { this.$forceUpdate(); }最近发现项目中需要输入内容的时候，input框有时候会无法输入进去发现elementUI中@input事件可以拿到当前输入的值，问题找到了，视图没有更新的问题解决方法...

原创 el-table内容溢出隐藏，鼠标悬浮显示

<el-table-column min-width="90" prop="corpname" label="企业名称" align="center"> <template slot-scope="scope"> <span :title="scope.row.corpname" class="ellipsis">{{scope.row.corpname}}</span> </template>.

原创 JS正则截取两个字符串之间及字符串前后内容的方法

1、js截取两个字符串之间的内容： 1 2 3 var str = "aaabbbcccdddeeefff"; str = str.match(/aaa(\S*)fff/)[1]; alert(str);//结果bbbcccdddeee 2、js截取某个字符串前面的内容： 1 2 3 var str = "aaabbbcccdddeeefff"; tr = str.mat...

原创 windows server2012安装telnet

原创 el-carousel实现分页

<el-carousel :interval="5000" arrow="always" :autoplay="false" height="600px"> <el-carousel-item v-for="item in Math.ceil(goodsList.length / 4)" :key="item"> <ul class="price-main"> <li v-for=.

原创 php 通过CFCA证书实现RSA的PKCS7格式的签名步骤

通过CFCA官网或者银行/机构提供的渠道申请CFCA数字证书，证书申请好以后需要自己去官网导出下载，步骤如下：登陆CFCA下载平台地址，下载证书。http://cs.cfca.com.cn登录地址后，请下载控件（IE及非IE控件不同，建议使用IE或者360浏览器）。安装后，刷新下载页面，显示《CFA数字证书服务协议》，接受此协议后，进入下载页面。填写CFCA技术人员发与的序列号与授权码，CSP选择（根据客户下载到USB-key或者浏览器进行选择），点击下载即可。点击证书下..

原创 vant van-datetime-picker 日期组件设置选择范围当前时间到一年以内

直接贴代码1.调用日期组件 <van-field v-model="timeValue" @click="showPopFn()" placeholder="请选择到期日" readonly/> <van-popup v-model="show" position="bottom" :style="{ height: '40%' }"> ...

原创 js 将时间戳转为中国标准时间 时间戳转日期

const time =1531065600000；//时间戳（数字）const youData = new Date(time);将时间戳转为中国标准时间 formatDate(value) { let date = new Date(value); let y = date.getFullYear(); let MM = dat...

原创 vue Element ui日期插件的使用设置日期选择范围是当前时间到一年

<li> <p class="input_date"> <el-date-picker v-model="value1" type="date" placeholder="选择日期" ...

原创 vue.js li根据获取到不同的数据显示不同的样式

<li v-for="site in goodsList" :key="site.id" :class= "site.label2? 'list2' : 'list1'" > .list .list1{ width: 856px; heigh...