![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE.JS
vue前端
尽力漂亮
世间皆苦唯有自渡,他人爱莫能助
展开
-
【前端】vue父子传值模拟点击详情传参
vue学习版<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="js/axios.min.j原创 2021-07-21 16:59:12 · 153 阅读 · 0 评论 -
uniapp 一周快速开发微信小程序物联网项目
第一天:登录授权https://blog.csdn.net/qq_42783654/article/details/107862585前台后台官网补充https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html交互——————————————————————————————bug笔记vuex.store需要熟练掌握vuex.store微信小程序踩原创 2020-12-22 11:14:51 · 2580 阅读 · 0 评论 -
Vuex.Store解决bug大全
vuex.store 也就是全局遍历 报错了注意使用百度store的用法使用步骤:如果报错了就仔细核对自己哪一步,看哪一步没写// store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex); let baseStore = new Vuex.Store({ state: { count: 0 },});export default baseStore; // app.j.原创 2020-12-14 15:53:16 · 537 阅读 · 0 评论 -
你还不会零基础的uniapp吗-uniapp商城实战(第三、四、五天)
第三部分实现上拉加载更多给分页一个初始值通过onReachBottom来监听触底onReachBottom () { this.pageindex++ this.getGoods()}重新给goods赋值// 获取推荐商品 async getGoods() { const res = await this.$myRuquest({ url: '/api/getgoods?pageindex='+this.pageindex原创 2020-11-30 16:19:22 · 2479 阅读 · 0 评论 -
玩转uniapp_实战商城项目!
黑马商城实战项目项目搭建利用HBuilder X创建基本项目结构运行项目整理基本项目结构,并修改窗口外观"globalStyle": { "navigationBarTextStyle": "white", "navigationBarTitleText": "黑马商城", "navigationBarBackgroundColor": "#1989fa", "backgroundColor": "#F8F8F8"}配置tabbar创建tabbar对应原创 2020-11-27 13:20:15 · 2472 阅读 · 2 评论 -
java程序员开发app使用uni-app必看文档!
文章目录uni-app的基本使用uni-app介绍 [官方网页](https://uniapp.dcloud.io/resource)环境搭建利用HbuilderX初始化项目运行项目介绍项目目录和文件作用全局配置和页面配置通过globalStyle进行全局配置创建新的message页面通过pages来配置页面配置tabbarcondition启动模式配置组件的基本使用text文本组件的用法001 - text 组件的属性002 - 代码案例view视图容器组件的用法001 - 组件的属性002 - 代码案例原创 2020-11-27 13:14:03 · 2485 阅读 · 2 评论 -
npm常用命令
npm install axiosnpm install vuex -Snpm install echarts --save原创 2019-12-08 21:07:24 · 163 阅读 · 0 评论 -
node.js npm不是命令
1降低node版本2全局安装npm到最新版本(npm i -g npm)3下载安装新版本注意安装时去掉npm亲测有效原创 2019-10-25 20:02:44 · 166 阅读 · 0 评论 -
JWT令牌验证
JWT令牌验证1、jwt的由来及解决的问题2、jwt的细节处理1、jwt的由来及解决的问题2、jwt的细节处理1、传统开发对资源的访问限制利用session完成图解Map<String, Object> claims = new HashMap<String, Object>(); claims.put("uname",user.getUname());...原创 2019-10-12 18:45:36 · 2037 阅读 · 0 评论 -
spa项目开发之tab页实现及Echart图表
实现思路及细节添加tab页目标1、利用前面博客所讲的Vuex的知识;定义几个变量2、左侧导航菜单绑定点击事件3、右侧对tab页进行操作4、监听路由路径变化添加子tab页目标添加一个子tab页数据解决:NavigationDuplicated {_name: "NavigationDuplicated", name: "Navigatio报错Echart实现饼状图统计添加tab页目标1、利用...原创 2019-10-12 11:32:57 · 476 阅读 · 0 评论 -
VUEX
文章目录1.vue中各个组件之间传值2.了解vuex中的各个js文件的用途3. vuex使用步骤1.安装vuex2.在src目录下创建store模块,分别维护3 在store/index.js文件中新建vuex的store实例,并注册上面引入的各大模块4 在main.js中导入并使用store实例4.vuex取值:5.vuex存值6.调用ajax1.vue中各个组件之间传值1.父子组件父组件...原创 2019-10-10 11:59:27 · 1860 阅读 · 0 评论 -
SPA之表单验证+增删改查
文章目录课程目标1、表单验证2、增删改功能实现课程目标1、表单验证:rules=“rules” 详情见饿了么官网 <!-- 编辑界面 --> <el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @before-close="closeDialog"> <el...原创 2019-09-30 15:00:33 · 314 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
文章目录目标1、mock.js模拟响应ajax请求安装mockjs依赖配置开发环境及生产环境mock的使用2、前台主界面的搭建3、退出功能4、左侧树收缩功能(vue总线的概念)目标1、mock.js模拟响应ajax请求安装mockjs依赖npm install mockjs -D #只在开发环境使用配置开发环境及生产环境为了只在开发环境使用mock,而打包...原创 2019-09-28 10:49:51 · 187 阅读 · 0 评论 -
SPA实现前后台分离之登录注册
文章目录1、用户登录注册布局,功能实现Login.vueReg.vueindex.jsApp.vuemain.jsaction.jshttp.js3、This 指针带来的变量污染解决一:先声明一下this全局变量解决二:ES6箭头函数4、 ajax 跨域问题 ,Vue工具类作用5、axios 的 get/post 的区别( qs )工具类的作用Post请求Get请求3,4,5点以完成功能为基础...原创 2019-09-27 11:49:10 · 3506 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
文章目录步骤一:使用脚手架创建项目骨架此步骤可理解成:使用eclipse创建一个maven的web项目步骤二:运行完上面的命令后,我们需要将当前路径改变到SPA这个文件夹内,然后安装需要的模块此步骤可理解成:maven的web项目创建成功后,修改pom文件添加依赖步骤三:启动并访问项目此步骤可理解成:启动tomcat,并通过浏览器访问项目8.综合案例步骤四:停止项目添加element-ui模块ES...原创 2019-09-25 21:57:01 · 212 阅读 · 0 评论 -
ES6
文章目录let和const关键字对象定义简写模板字符串重点: 箭头函数let和const关键字<script> { let a = "测试中。。。"; var b = 'wxm'; console.log(a); console.log(b); } console.log("___________"); console.log(a); ...原创 2019-09-22 15:36:47 · 222 阅读 · 0 评论