- 博客(21)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue封装微信分享
vue开发微信分享的封装。微信分享需要请求接口获取appId、签名等信息，vue单页模式下可以不需要每次打开页面都请求一次接口，可以结合store，将签名配置临时缓存。必要导入import http from "./http.js"import store from '../store/index'import wx from "weixin-js-sdk"微信分享配置const weixinConfig = async () => { var config = st.
2021-11-15 18:51:08
1476
原创 Vue axios拦截器
因为axios使用确实丝滑，尤大大直接放弃了vue的vue-request，推荐起了使用axios。axios的官方介绍也就只有一句话：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。嗯，就这样。网上也有不少对于axios的封装方式，有直接对post或get这两大常用请求方式进行封装的，也有对axios拦截器封装的。。。。嗯~~，我比较喜欢后者。一般请求也就这样那样了，需要特殊处理的也不多，axios.get(),axios.post()直接用就行。
2021-10-26 11:07:29
1056
1
原创 Vue 路由history模式nginx部署(二级目录)
公司常用服务器为apache，最近一个项目需部署到nginx目录，且是在子目录下，即访问链接：http://www.xxx.com/rector/bnu/apache服务器配置很简单，只需要在index.html同级目录下添加.htaccess文件即可，代码如下：RewriteEngine OnRewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule ^(.*)$ /rector/b.
2021-10-20 16:54:32
3103
1
原创 Vue @submit From表单提交
初学vue，from表单的操作官方提供了v-model双向绑定，这个功能强大，在data中列出所有表单字段，提交表单时我们只需用this.field就可以获取到表单中所有的数据。看似方便，但是日常开发中，data中双向绑定的字段并不是都需要做特殊处理，而其他字段就显得孤独和冗余。以下代码来自日常项目(较多，懒得删减，需要可以直接复制组成页面看效果)，其中使用的部分组件来自第三方组件库vant，安装命令：npm i vant -S，from：<template> <div c.
2021-10-15 15:39:06
12283
原创 Vue的反向代理
vue脚手架模式开发，需要请求后端接口数据时，会有跨域的问题，由于vue-cli模式前端包本身已经被映射为了域名的形式，所以我们需要配置反向代理。官方配置说明：配置参考 | Vue CLIvue项目根目录下创建vue.config.js文件，配置反向代理（每次更改配置文件需要重启本地服务）module.exports = { lintOnSave: false,//关闭每次保存都进行检测 //开发环境反向代理配置 devServer: { proxy: { .
2021-10-07 17:07:07
2998
原创 Vue的生命周期
vue的整个生命周期从new Vue也就是创建实例开始 - 初始化数据 - 编译模板 - 挂载dom - （渲染 - 更新 - 渲染）- 销毁至此结束，每一个实例与组件都会经历一个完整的生命周期：初始化、运行中、销毁。1、new Vue会初始化事件和生命周期。beforeCreate执行，数据还没有挂载，所以此时无法访问数据和dom，一般代码中不做任何操作。2、初始化状态，挂载到当前实例的一些属性，执行created函数，此时data数据已完成挂载，所以可以访问并更改数据，但是更改的数据不...
2021-09-14 16:15:08
287
原创 Vue组件父子通信基础篇(传值与事件)
vue开发中我们经常会使用或者开发一些组件，这篇文章我们就来聊聊组件之间的父子通信。一、Props这是官方的解释：Prop 是你可以在组件上注册的一些自定义 attribute；
2021-09-01 22:14:11
305
原创 2021全国省市区行政区划数据接口
api是高德地图官方的，其中台湾省，市区行政区划数据没有提供，文末有我从别处整理了json数据。 public function setAddressFather() { $province = []; $provinceCount = 0; $city = []; $cityCount = 34; $district = []; $pro = [ "北京","天津",
2021-08-23 16:36:22
5339
原创 Vue自定义信息提示全局组件
话不多说直接上代码：组件代码：//window信息弹层组件Vue.component("pop-up",{ template:'<div class="prompt" v-show="message == \'\' ? false : true">{{message}}</div>', props:["message"], updated(){ var _that = this; setTimeout(funct.
2021-08-17 17:31:46
1022
1
原创 Vue计算属性实现模糊查询
这是在本地实现一个模糊查询的例子，期初我定义了一个方法，来监测input值发生该改变时触发过滤符合条件的值。html： <div id="app"> <input type="text" @input="handleInput()" v-model="mytext"> <ul v-for="(item,index) in arr"> <li>{{item}}</li> .
2021-08-16 10:45:58
1335
1
原创 vue数组更新检测
vue数组操作中使用以下方法，可以检测数据变动： push()：向数组的末尾添加一个或多个元素，并返回新的长度pop()：用于删除并返回数组的最后一个元素。 shift()：删除第一个元素(并将其他元素索引向下递减) unshift()：在开头新增元素 splice()：删除——可以删除任意数量的项，只需要指定2个参数：要删除的第一项的位置和要删除项的项数。插入——可以向指定位...
2021-08-13 17:32:26
555
原创 VUE+MUI.picker的应用
最近工作需要使用mui插件，借此机会记录一下案例，以方便日后开发和学习使用。1.、这里vue是cnd方式接入（网上案例基本都是纯vue项目案例）2、mui下载地址：https://github.com/dcloudio/mui本次需要的文件：mui.min.css，mui.picker.min.css，mui.js，mui.picker.min.js直接上代码：html部分<div class="content" id="app"> <input type
2021-08-12 21:36:28
627
原创 CentOs7下 php+nginx安装详细
PHP安装：环境： Vmware+CentOs7下载PHP：wget http://cn2.php.net/distributions/php-7.2.0.tar.gz注意：wegt防止中断 wget -t 0 -c http://cn2.php.net/distributions/php-7.2.0.tar.gz解压：tar -zxvf php-7.2.0.tar.gz进入文件夹 cd php-7.2.0查看安装帮助/configure --help安装之前需要安装...
2020-12-02 14:42:09
299
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人