随笔分类 -  Vue

1 2 下一页
vue.js三种安装方式
摘要： Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 阅读全文
posted @ 2019-07-08 13:19 不忘编码 阅读(2173) 评论(3) 推荐(1) 编辑
VUE学习之计算属性computed
摘要： 先看一下官网的说法 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护 阅读全文
posted @ 2019-07-08 11:53 不忘编码 阅读(509) 评论(0) 推荐(0) 编辑
vue表单验证组件vue-verify-plugin
摘要：install use 指令说明 v verify 在表单控件元素上创建数据的验证规则，他会自动匹配要验证的值以及验证的规则。 v verify 修饰符说明 该指令最后一个修饰符为自定义分组 默认验证规则 email 邮箱规则验证 mobile 手机号码验证 required 必填 url 链接规则 阅读全文
posted @ 2019-07-08 10:14 不忘编码 阅读(2011) 评论(0) 推荐(0) 编辑
VUE使用QRcode或者vue-qr生成二维码
摘要：这里介绍两种vue生成二维码的方法 1. QRcode 2. vue qr vue qr比QRcode功能多在可以在中间加logo QRcode npm import 在所需页面导入 use vue qr npm use 是不是比qrcode简单的多， 只不过两种生成二维码的样式还是有区别的，各有所 阅读全文
posted @ 2019-07-05 22:42 不忘编码 阅读(60548) 评论(2) 推荐(1) 编辑
VUE修改每个页面title
摘要：```javascript /index.js routes: [ { name:'home', path: '/home/:openname', component: Home, meta: { title: '首页' } } ] ``` ```javascri... 阅读全文
posted @ 2019-07-05 21:19 不忘编码 阅读(3497) 评论(0) 推荐(0) 编辑
Vue使用html2canvas将页面转化为图片
摘要：需求是微信端将页面截屏之后保存到本地，使用了html2canvas插件 install 在所需页面引入 use vue中用ref来指定你需要截屏的dom 阅读全文
posted @ 2019-07-05 20:18 不忘编码 阅读(34574) 评论(8) 推荐(2) 编辑
vue添加背景音乐
摘要：vue添加背景音乐需要用到HTML中的标签 参考手册：http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp 在iOS端autoplay不会起作用，因为iOS系统屏蔽了页面加载自动播放之类，所以我们需要在页面加载的时候调用一次play 阅读全文
posted @ 2019-07-05 15:43 不忘编码 阅读(5558) 评论(0) 推荐(0) 编辑
优秀的基于VUE移动端UI框架合集
摘要：vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k 中文文档 在线预览 vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k 基于webpack+vue-loader+vux可以快速 阅读全文
posted @ 2019-06-19 14:04 不忘编码 阅读(14353) 评论(0) 推荐(1) 编辑
vue常用ui组件
摘要：NutUI NutUI是一套京东风格的移动端Vue组件库，开发和服务于移动Web界面的企业级前中后台产品。 https://nutui.jd.com/#/intro Mint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.gi 阅读全文
posted @ 2019-06-06 14:23 不忘编码 阅读(626) 评论(0) 推荐(0) 编辑
VUE element-ui下拉列表获取label值
摘要：有这样一个场景，当我们往后台数据传的是id时，我们却想在前台获取列表显示的值，这时候可以用下面的方法来获取你想要的label值 value是选择的id值，obj里就是获取到的label值 阅读全文
posted @ 2019-06-06 13:56 不忘编码 阅读(5363) 评论(0) 推荐(0) 编辑
VUE移动端禁止双手放大缩小
摘要：//index.html 阅读全文
posted @ 2019-06-06 13:32 不忘编码 阅读(1409) 评论(0) 推荐(0) 编辑
js获取屏幕高度
摘要：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度 vue使用document.documentEle 阅读全文
posted @ 2019-06-06 11:46 不忘编码 阅读(4810) 评论(0) 推荐(0) 编辑
Vue解决移动端localhost无数据问题
摘要：正常web端调用后台接口时使用localhost或者ip都能访问后台数据，但是在移动端上使用localhost却无法访问后台数据 这时候需要把localhost改成ip就可以在移动端上访问后台数据了 阅读全文
posted @ 2019-06-06 11:45 不忘编码 阅读(514) 评论(0) 推荐(0) 编辑
关于Vue中props的详解
摘要：看一下官方文档： 组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中. 也就是props是子组件访问父组件数据的唯一接口。 详细一点解释就是： 一个组件可以直接在模板里面渲染data里面的数据（双大括号）。 阅读全文
posted @ 2019-03-20 10:21 不忘编码 阅读(30064) 评论(0) 推荐(2) 编辑
css特效之旋转音乐播放器
摘要：本次需要用到的知识点有： 1. transform 2. setInerval 怎么添加背景音乐我会在下一篇介绍 https://www.cnblogs.com/zouwangblog/p/11138734.html 使用场景 ：在移动端页面上方添加一个旋转的音乐图标，音乐暂停，停止旋转，音乐播放， 阅读全文
posted @ 2019-03-19 09:45 不忘编码 阅读(3302) 评论(0) 推荐(0) 编辑
vue-video-player视频播放插件
摘要：npm import use 这里我记录一下，视频地址和封面地址均引用的是服务器端得，本地的视频和图片是加载不出来的 阅读全文
posted @ 2019-03-16 23:26 不忘编码 阅读(3952) 评论(0) 推荐(0) 编辑
vue-router路由加载两种模式
摘要：npm 路由加载分为两种模式 懒加载 在我们进入首屏页面的时候根据需要加载路由组件，从而优化用户体验 正常加载 tip：加 mode: 'history',是为了去掉url中的 号 阅读全文
posted @ 2019-03-15 23:23 不忘编码 阅读(727) 评论(0) 推荐(0) 编辑
局部覆盖element-ui的默认样式
摘要：最近项目中遇到的问题，只想在某个页面里面单独更改element ui的样式，而不影响全局 有两种方法： 新增style标签 在需要更改的组件里新增一个style标签【重点：不要加scoped】，然后直接获取class设置样式就可以咯，class自己去浏览器里右键审查元素可得到。 建议：在获取到的样式 阅读全文
posted @ 2019-03-14 22:30 不忘编码 阅读(3286) 评论(0) 推荐(0) 编辑
Vue.js中学习使用Vuex详解
摘要：在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使 阅读全文
posted @ 2019-03-12 21:30 不忘编码 阅读(582) 评论(0) 推荐(0) 编辑
vuex存储和本地存储(localstorage、sessionstorage)的区别
摘要：sessionStorage sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。 储存 1. 点（.）运算符sessionStorage.lastname = 'JSAnntQ'; 2. 方括号（[ ]）运算符sessionStorage 阅读全文
posted @ 2019-03-11 21:05 不忘编码 阅读(406) 评论(0) 推荐(0) 编辑

1 2 下一页