随笔分类 - vue
vue相关知识
摘要:0.nProgress 官网:http://ricostacruz.com/nprogress/github:https://github.com/rstacruz/nprogress 1.nProgress 安装 npm install --save nprogress 2.在main.js 中引
阅读全文
摘要:1,首先创建一个 virtualkeyboard.js文件 文件名无所谓 /** * * @class 监听虚拟键盘 * @classdesc 监听虚拟键盘弹出隐藏 * @public onEnd 结束监听虚拟键盘 * @public onShow 传递一个回调 监听虚拟键盘弹出 * @public
阅读全文
摘要:console.time('starttime'); //将请求添加到promise内 let p1 = new Promise((resolve, reject) => { axios({ url: url method: 'post', data: { } }) .then((res) => {
阅读全文
摘要:<!-- showOverlay 控制是否显示遮罩层 --> <!-- 这所有的前提是 vue项目引入了vant组件 --> <van-overlay :show="showOverlay" > <div style="position:fixed;top:50%;left:50%;z-index:
阅读全文
摘要:1.从子组件访问父数据 有时,我们想从父级访问数据,但又不想经历传递 props 的麻烦。如果你只需要从a 的数据对象中快速获取一个值,你可以简单地通过引用parent的数据对象中快速获取一个值,你可以简单地通过引用parent 来完成: // In parent data() { return {
阅读全文
摘要:vue中如何引用layui 1.把layui对应的包放在static文件夹下,所以就直接放在了static下 2.在index.html中直接引入layui.js和layui.css 3.在vue组件中的created勾子函数中写入如下代码 created(){ const _this = this
阅读全文
摘要:正常情况是不会出现这个报错的 如果设置了:swipeable='true' 属性 在左右滑动的同时上下滑动 就会出现Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrol
阅读全文
摘要:created(){ this.changfouce(); }, methods: { //在vue生命周期的created()钩子函数进行的DOM操作要放在Vue.nextTick()的回调函数中, //因为created()钩子函数执行的时候DOM并未进行任何渲染,而此时进行DOM操作是徒劳的,
阅读全文
摘要:大家都知道,Vue项目中对数据的监听,提供了一个很好的钩子watch,watch可以极其方便的监听我们常用数据类型值的变化,但通常当我们想监听一个对象中,某个属性值的变化时,很难达到我们预期的效果。那么如何实现对象属性的深度监听呢? vue中提供了在watch监听时设置deep:true 就可以实现
阅读全文
摘要:<myheader :title="Position.name" ref="myh" @click="showtitle"> 查阅vue官方文档,得知click事件作用于组件内部,如果组件内没有写click事件,便会无响应。 解决办法:加上 .native 原生修饰符 <myheader :titl
阅读全文
摘要:实现 首先,是两个div用来显示我们的剩余支付时间 然后,是倒计时函数countdown //倒计时 countdown () { const end = Date.parse(new Date('2020-05-05 03:59:23')) const now = Date.parse(new D
阅读全文
摘要:Element-UI是一套为开发者、设计师、产品经理准备的基于Vue的桌面端组件库。 element-ui官网 https://element.eleme.io/#/zh-CN 搭建ElementUI基础环境(基于脚手架) 1.新建脚手架项目。 # 找一个空目录 vue create ele_pro
阅读全文
摘要:一脚手架介绍 1. 什么是: 已经拥有标准的文件夹结构和部分核心功能的半成品项目代码. 2. 为什么: (1). 标准化 (2). 避免了大量重复的项目搭建工作。 3. 何时: 程序中所有的前端框架技术,都采用脚手架方式开发。 4. 如何安装可以反复生成脚手架代码的命令行工具: (1). 什么是:
阅读全文
摘要:一. 什么是VUE: 1. 什么是: (1). 第三方开发的: 下载 (2). 基于MVVM设计模式的: (后续介绍...) (3). 渐进式的: 学了多少,就可以暂时使用多少,比较容易和其它技术混搭。——但是,依然强烈不建议将VUE框架和旧的技术混搭。 (4). 纯前端: 只靠浏览器就可以运行,不
阅读全文