
vue
wax9092
要么不做,做就疯狂的追求完美
展开
-
uni-app使用HTML5+ VideoPlayer API -- UNI_APP(七)
前言:本文所有demo,均是uni-app 真机联调 的 功能截图一.打开关闭蓝牙1.打开openBluetoothAdapterplus.bluetooth.openBluetoothAdapter({ success(e) { Object.keys(e).forEach(key => { console.log("success=>", key, e[key]); }) }, fail(e) { Object.keys(e).forEach(key =&原创 2022-05-09 21:57:30 · 2651 阅读 · 0 评论 -
条形码与二维码插件在vue中的使用
最近,公司项目中使用的条形码与二维码,经过百度网上基本给的都是单个条形码与二维码的使用,没有找到如何渲染一个列表的demo,那么下面将讲解如何在vue中渲染一个条形码列表:第一步: npm intalljsbarcode --save第二步:在需要使用的页面引入:import JsBarcode from 'jsbarcode'第三步:在循环一个列表中使用: ...原创 2019-08-04 11:28:24 · 763 阅读 · 0 评论 -
vue 支付宝返回url 新窗口打开
场景:点击充值,返回支付url ,内容是form格式的。直接使用window.open(),会被浏览器拦截。主要针对vue,其他框架思路应该一样。方法一:用 路由resolve,v-html方法recharge(this.ruleForm).then(response => { if(response.data.status != 200){ return this.tipW...原创 2019-01-24 18:17:15 · 6697 阅读 · 2 评论 -
vue 插件学习篇--准备前(二)
一直有自己造轮子的梦,于是这几天写了一个超级简单的轮子----消息弹框。还没有发布,你完全可以把它看成组件,如有不足请多多指教!下次附发布过程。代码如下:<template> <transition :name="active"> <div class="snackbar"> <div class="snackba...原创 2018-08-24 18:33:49 · 322 阅读 · 0 评论 -
vue -轮播图组件
涉及知识点:<transition-group name="list"></transition-group>事件定时器条件语句生命周期主要参考 https://github.com/wuqiaoli/my-vue-express dev分支src/views/animate/index.vue通俗易懂...原创 2018-08-23 18:47:36 · 496 阅读 · 0 评论 -
vue+express 基本环境配置
vue+express 开发环境的基本配置,只是简单的梳理一下流程参考:https://github.com/wuqiaoli/my-vue-express原创 2018-08-03 15:07:01 · 1063 阅读 · 0 评论 -
vue + vue-count-to 自动判断计数或倒数
How to use?npm install vue-count-toExample:<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo></template><script> import...翻译 2018-07-23 12:47:31 · 8179 阅读 · 0 评论 -
vue 混入 (mixins) 使用详解-以封装复用功能高的提示信息为例
场景: 1.请求失败时,友好提示用户 2.功能没上线,友情提示用户"正在开发中,敬请期待“ 3.调试好帮手,及时提示错误 4.总之,复用率高的一些功能。使用方法:1.封装信息提示函数 建立一个mixin.js文件 const globalMethods = { methods: { tipSuccess(msg) { this....原创 2018-05-07 16:34:39 · 1838 阅读 · 0 评论 -
vue基本总结
一.环境搭建 (1)vue vue-cli环境 安装过程:# 全局安装 vue-cli $ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖,走你$ cd my-project$ npm install$ n原创 2017-11-22 14:29:01 · 1024 阅读 · 0 评论 -
vue v-for 循环复选框-默认勾选第一个的实现方法
应用场景:在进行多选的时候一般默认显示第一个。实现方法:纯vue实现例子:<span v-for="(one,index) in site"><input type="checkbox" :checked="index == 0" style="vertical-align: middle;"><label>{{one.name}}</label...原创 2017-11-28 21:08:14 · 24424 阅读 · 2 评论 -
vue.js-window系统的环境搭建
vue官网明确指出:“从头搭建一个服务端渲染的应用是相当复杂的。幸运的是,我们有一个优秀的社区项目 Nuxt.js 让这一切变得非常简单。”之后便是安装。对于初学者的我,一头雾水,虽然知道命令的意思却不知道在哪里输入。不愧是“万事开头难”。下面,我将详细介绍nuxt.js的安装。首先,下载node.js,地址:http://nodejs.cn/download/——因为node.js自带npm原创 2017-09-06 09:12:52 · 286 阅读 · 0 评论 -
Vue.js-----轻量高效的MVVM框架,组件利用Props传递数据)
#使用props传递数据html:传递普通的字符串h3>#使用props传递数据h3>div id="dr01"> div>组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。div> br /> child msg="hello, vue.js!">child>div>转载 2017-09-05 14:11:41 · 357 阅读 · 0 评论 -
vue tab 切换
*{margin:0;padding: 0;} .wrap{width:100%;} .wrap .nav{width:1200px;background: #c1c1c1;height:50px;margin:0 auto} .active{background:#fff;color:red;font-weight: bold;} .wrap .nav li{margin-left:23原创 2017-09-04 21:55:30 · 458 阅读 · 0 评论