vue
如何在5年薪百万
202110,如何5年内年薪百万
201901,如何3年内拿到50+,如果快速提升价值,拿到50k+的薪水
201801,如何在3年内拿到30+,我一工作6年,后面3年我要思考如何拿到30+
展开
-
VUE+UNIAPP利用flex的order属性实现列表的动态排序(最近一条更新的数据显示在顶部)
背景数组排序方法有很多种,我遇到一个场景没办法简单通过数组的sort排序,于是另辟蹊径通过css的属性进行排序。实现了聊天场景中,最新一条消息排在列表最上方的需求。当有一条新消息收到时,该条数据回上升到列表最上方。其他场景中遇到数据更新时也可以用该方法。实现<template> <view class="content" style="padding: 10u...原创 2019-12-30 16:23:24 · 3833 阅读 · 1 评论 -
VUEX--入门demo利用vuecli创建一个count计数
背景利用Hbuilder创建一个vue-cli的项目运行npm install --save vuex项目目录对应文件内容App.vue<template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> <vuexDemo /> <...原创 2019-12-18 11:17:38 · 362 阅读 · 0 评论 -
VUE和MUI框架结合使用时冲突问题的解决,面向初学者
背景最近刚开始使用vue和mui两者都是很初级的水平,发现如果两者结合使用经常出现,点击页面按钮没反应的状态。我尝试过调整导入的顺序,有时可以解决,有时解决不了。我想说明一种可以解决大部分问题的方法。解决方法请准守一条原则:在vue渲染完成dom后再实例化mui组件示例在vue的mounted方法下面初始化mui组件,mounted是在vue渲染完成后,挂载到页面后执行的方法。这时...原创 2019-07-29 10:07:35 · 3158 阅读 · 0 评论 -
VUE中$nextTick使用详解(精华)
文章目录背景nextTick只需了解这么多示例1:watch中使用nexttick示例2:VUE外部使用nexttickVue.nextTick 和$nextTick差别参考背景工作中遇到使用vue遇到获取不到页面数据的情况,探究原理发现更新data的数据后,vue并不是实时更新的,从数据更新到显示到页面有时间差。在时间差内调用页面数据,当然获取不到。Vue 在更新 DOM 时是异步执行的...原创 2019-08-22 11:33:25 · 2415 阅读 · 0 评论 -
VUE对json对象属性的监听watch用法详解(单一属性和全体属性)
如何监听json对象的属性变化。对于下面数据filterdata,如果直接watch对象中method属性变化是无效的,因为监听不到。现在提供两种常用的方法监听属性的变化。var app1 = new Vue({ el: "#app data: { filterdata: { methods: [], targets: [], results: [], id: ...原创 2019-08-22 13:36:34 · 3457 阅读 · 0 评论 -
如何避免VUE页面抖动出现{{}}? 一行代码实现的简单方法
背景页面稍微大些,刷新页面会出现{{}}的样式十分丑陋,现在推荐一种简单方法解决这个问题。方法在页面显示的最大div模块上添加如下样式 <div id='app' style="display: none;" :style="{display: 'block'}">原理:style只有vue渲染的时候才识别,在此之前style=“display: none;” 让页...原创 2019-08-18 12:43:36 · 6740 阅读 · 1 评论 -
:class="{'mui-active': result===2}" v-bind:class条件报错解决
错误vue.js:634 [Vue warn]: Error compiling template:invalid expression: Unexpected token - in {mui-active: result===1} Raw expression: :class="{mui-active: result===1}"44 | <div c...原创 2019-08-18 14:20:26 · 7685 阅读 · 0 评论