vue.js
菊花枸杞茶
广东
展开
-
vue.js、uniapp两种封装接口请求方法
前言:分别有两种封装方法适用于vue.js和uniapp;第一种:全局注册,通过this调用,不需要import引入js文件。第二种:需要请求接口的页面还要import一下。ps:下面代码示例是uniapp项目目录结构第一种封装1:在项目根目录新建common目录http.js文件http.js文件//服务器地址const service = "域名/ip地址";module.exports = (params) => { let url = params.url; le原创 2020-11-25 11:49:12 · 2126 阅读 · 1 评论 -
Element Pagination 分页请求两次接口BUG解决--测试可用!!!
前言:下面的解决方法是我在网上查找其他的解决方法之后自己想到的其中的一个解决方法,测试没有问题,能够解决两次接口请求的BUG,有什么问题也可以及时评论提出来,或者大家有更好的方法可以评论~bug:当选择最后至一页切换条数就会请求两次接口PS1:选择最后一页(第2页)PS2:切换条数会请求两次接口解决方法:根据【当前页 * 条数 > 总条数】进行判断<el-pagination center background :pager-count="5" layout="prev,原创 2020-09-08 14:59:02 · 2636 阅读 · 1 评论 -
vue三元表达式多个判断
<p>{{scope.row.type==0?'充值' : scope.row.type==1?'退款': scope.row.type==2?'消费':'补款'}}</p>原创 2020-08-17 09:31:58 · 6474 阅读 · 0 评论 -
HTML5获取摄像头和视频控制接口进行扫描二维码
前言:以下是在vue环境实现调用摄像头进行扫描二维码并且返回二维码链接的一个操作,在html文件也是可以调用的,只不过修改进行相应的修改。代码:<template> <div> <div class="demo-wrapper"> <video id="video" width="640" height="480" autoplay="" playsinline muted></video> <can原创 2020-08-04 17:57:15 · 1083 阅读 · 0 评论 -
uniapp自定义组件-组件传参-父组件向子组件传参-子组件向父组件传参详细示例
前言:本篇文章主要讲的是自定义组件的使用与传参。在不同的页面重复使用到相同或者类似的模块,这里就可以使用到组件就省略了不少代码,不用每个页面去写相同的代码,直接去引用该组件就可以了,下面以自定义顶部为示例。引入自定义顶部组件效果:PS:父组件向子组件传参使用的是props,后面可以看到打印出来的传参。子组件向父组件传参效果:PS:子组件向父组件使用的uni.$emit目录结构:...原创 2020-04-08 10:50:25 · 4933 阅读 · 0 评论 -
vue+axios请求示例
前言:该项目示例是已经封闭好的axios1:目录结构PS:request.js文件是封闭axios文件2:api目录下的test.js文件是请求接口的函数文件3:在组件中调用请求接口的函数文件PS:请求接口4:打印数据...原创 2020-03-16 15:14:00 · 330 阅读 · 0 评论 -
uniapp-tabBar中间凸起按钮
前言:以下是使用的是原生方法,兼容会比绘制按钮的好,不用写更多代码去让图标固定到tabBar位置。官网有提到“中间按钮 仅在 list 项为偶数时有效”,这需要注意,另外在中间按钮的图标有的凸出的部分的图标有个描边的边框之类的,这点在当前uniapp版本已经自动适应了,在之前的开发版本是不会自适应的。比如在安卓上面能够自适应凸出部分的描边可以刚刚好跟tabBar水平对齐,但是在苹果上面是不会的。...原创 2019-12-29 09:36:05 · 14955 阅读 · 12 评论 -
Vue.js连接阿里云MYSQL获取数据并渲染
阿里云服务器连接MYSQL获取数据并渲染以下操作如有不详细的可以评论说明。阿里云服务器连接MYSQL参考文档地址:https://blog.csdn.net/qq_34227291/article/details/90047596PS:以下示例是在vue.js环境下实现,打包上传至站点。相关知识点:vue.js/打包、php、ECS服务器、DM自建数据库、Xftp1. 登陆数据库并新建数...原创 2019-05-09 21:24:23 · 1598 阅读 · 1 评论 -
Vue搜索功能
Vue搜索功能知识点:v-model数据双向绑定,绑定对象是input效果图:HTML<template> <div id="search"> <header> <div class="header_input"> <!-- 绑定search并在data定义值为空 --> <input type=...原创 2019-04-08 20:44:17 · 1556 阅读 · 0 评论 -
Vue.js从数据库取图片
Vue.js从数据库取图片要求:将表中的内容(图片、文字)在页面渲染出来表内容:最终效果:VUE数据库1-1:HTMLPS:[item.”表:字段名”]<!-- 主体图片/文字开始 --> <div class="content_imgText"> <h3>皮蛋瘦肉粥</h3> <ul class="c...原创 2019-03-19 21:18:52 · 7853 阅读 · 1 评论 -
v-if&v-show&v-for语句
v-if&v-show&v-for语句下面是我的学习总结和示例备注:v-if和v-show的区别:v-if隐藏状态下的内容块的代码是删除掉的,显示则是再次创建代码。而v-show是通过dsiplay的block/none来控制元素的显示v-if条件语句:条件判断要求:该对象默认为显示。点击按钮该对象为隐藏状态,再次点击则显示。示例如下:<!DOCTYPE ht...原创 2018-12-25 14:55:39 · 186 阅读 · 0 评论 -
Vue连接后台账号登陆
Vue连接后台账号登陆以下是我的学习总结,由于时间仓促省略了部分操作、、、要求:输入框输入账号和密码进行数据库匹配,正确则跳转至其他页面,失败则不跳转。需要工具/软件:vue-router、vue-resource、XAMPP首先安装vue-router、vue-resource:代码:cnpm install vue-resource –save cnpm install v...原创 2018-11-27 15:57:27 · 2144 阅读 · 2 评论 -
Vue.js连接数据库并插入数据
Vue.js连接数据库并插入数据以下是我的学习总结:要求:在vue页面输入用户名和密码进行登陆,用户名和密码数据保存到数据库需要工具/软件:安装XAMPP安装Vue.js1-1:建立PHP站点1-2:创建数据库1-3:php连接数据库备注:连接方式为模块化(步骤一)(步骤二)2-1:创建Vue站点2-2:创建组件-链接数据库备注:组件调用为模块化...原创 2018-10-30 20:30:41 · 45734 阅读 · 0 评论 -
npm run dev运行报错
运行报错,做的东西都白做了,有哪位大佬帮忙解决下吗?原创 2018-10-26 09:25:00 · 403 阅读 · 0 评论 -
Vue.js连接php调用数据
Vue.js连接php调用数据php步骤如下:vue.js步骤如下:以下是我的学习总结,我尽量说的详细一些,部分步骤较多,可能会所有省略。需要软件工具:安装Vue.js: 是一套用于构建用户界面的渐进式框架安装Xampp:(Apache+MySQL+PHP+PERL)是一个功能强大的建站集成软件包思路示意图:php步骤如下:测试包/工具:备注:如需要文件请留言一...原创 2018-10-13 12:19:52 · 9952 阅读 · 13 评论 -
Vue.js组件创建
以下是我的学习总结,可以参考参考,有不对或者需要改进的地方请留言,谢谢!最终效果(单击左边文字菜单块导航栏弹出):1. 运行npm run dev 如图:打开App.vue文件开始制作组件,App.vue是主页,组件都在App.vue主页引入注意:在src文件夹目录下各建一个专门放css、 js、 img、的文件我的被引入的组件是统一放在compoent目录下如图:3. 以...原创 2018-09-27 21:14:12 · 183 阅读 · 0 评论 -
npm全局模块路径查看与路径修改
附:卸载全局安装模块 npm uninstall -g 卸载后可以使用npm ls查看…/node_modules/ 是否还在查看所有全局安装的模块 命令:npm ls –g查看部分npm默认设置 命令:npm config ls如图:全局模块已安装在prefix目录下 C:\Users\Administrator\AppData\Roaming\np...原创 2018-10-02 21:25:54 · 16437 阅读 · 2 评论 -
npm安装vue
**如图:出现此种问题的原因是npm的版本过低运行npm install -g npm后再运行npm install -g vue-cli如果访问时间过长导致出现问题,不妨尝试运行vpn**原创 2018-09-25 17:04:02 · 208 阅读 · 0 评论