
Vue
vonvon_chris
这个作者很懒,什么都没留下…
展开
-
vue+webpack+nodemon实时打包项目
实时打包项目方法:安装nodemonpackage.json重新编写start方法 监控src文件夹下所有的html/vue/js/less文件 有更改则自动打包 "scripts": { "dev": "node build/dev-server.js", "start": "nodemon --watch原创 2018-01-23 16:01:10 · 1976 阅读 · 0 评论 -
Element-UI table排序问题
项目需求:选择框与表格的排序列双向绑定选择器: 表格 表头行: el-select v-model="metricValue" placeholder="请选择"> el-option> ... el-option>el-select>el-table ref="singleTable" :data="tableData" :default-sort原创 2018-02-02 16:25:54 · 30415 阅读 · 2 评论 -
Vue利用keep-alive实现页面缓存
从首页 -> 页面1,再从页面1 ->首页时,保证首页与离开时一样。(可以缓存具体组件,因项目不涉及,暂不说明)App.vuekeep-alive> router-view v-if="$route.meta.keepAlive">/router-view>/keep-alive>router-view v-if="!$route.meta.keepAlive">/router-v原创 2018-01-30 11:22:03 · 2333 阅读 · 0 评论 -
Vue 页面间跳转及传值
路由配置:export default new Router({ mode: 'history', routes: [{ path: '/', name: 'RootPath', meta: { keepAlive: true }, component: MainSec }, { path: '/quiz/:id',...原创 2018-04-28 11:56:13 · 5619 阅读 · 0 评论 -
Vue微信SDK 录音功能
需求: 微信下长按按钮,弹出正在录音gif,上传录音; 在非微信下,正常显示录音gif,即做一个假的录音按钮。 在微信下,因为项目中会加载一个外部js,有一定几率会阻塞wx的初始化,所以如果在用户点击按钮时,wx sdk没有初始化,也显示假的录音按钮。将tourch和mouse写绑定在一个button中 在IOS下 会出现一次录音 取消长按后再执行一次 startRecord ->...原创 2018-06-13 18:47:46 · 6191 阅读 · 2 评论 -
利用rem实现页面适配问题
vue + Sassrem是CSS3中的新单位,与em最大的差别是rem是根据html的fort-size来展现的。main.jsvar viewportWidth = document.documentElement.clientWidth || document.body.clientWidthdocument.getElementsByTagName('html')[0].style...原创 2018-12-25 14:38:21 · 491 阅读 · 0 评论