
vue
memedadexixaofeifei
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue中的实用操作
1.关于全局过滤器的注册抽出到独立文件,然后使用 Object.keys 在 main.js 入口统一注册:/src/common/filters.jslet dateServer = value => value.replace(/(\d{4})(\d{2})(\d{2})/g, '$1-$2-$3') export { dateServer }/src/main.jsimport * as custom from './common/filters/custom'Ob转载 2020-05-27 09:57:36 · 229 阅读 · 0 评论 -
vue的slot上方法的调用
首先定义拥有slot的组件,在slot上命名 name ,在slot上定义动态属性(实际作用在调用组件使用slot的时候用于绑定触发的方法)<template> <view> <view class="grace-flex tool-btn-group"> <view class="grace-flex1 grace-flex container-bg-942B18" v-if="leftStatus">原创 2020-05-26 11:54:05 · 1640 阅读 · 0 评论 -
store分模块
vuex拥有 user system 两个块原创 2020-05-26 11:35:57 · 152 阅读 · 0 评论 -
Vue常用插件集合
UI组件element- 饿了么出品的Vue2的web UI工具套件Vux- 基于Vue和WeUI的组件库mint-ui- Vue 2的移动UI元素iview- 基于 Vuejs 的开源 UI 组件库Keen-UI- 轻量级的基本UI组件合集vue-material- 通过Vue Material和Vue 2建立精美的app应用muse-ui- 三端样式一致的响应式 U...转载 2019-12-13 10:32:48 · 452 阅读 · 0 评论 -
vue中刷新页面浏览器找不到路径,webpack的配置
当有配置路径的时候原创 2019-03-26 01:21:52 · 1491 阅读 · 0 评论 -
关于vue-router的配置及路由参数的高级使用(避免ssr时内存泄漏)
原创 2019-03-26 01:26:03 · 653 阅读 · 0 评论 -
vue中webpack打包时路由设置注释,避免打包出错
原创 2019-03-28 23:17:43 · 508 阅读 · 0 评论 -
vue移动端常用ui
mint-uihttp://mint-ui.github.io/#!/zh-cncube-ui 滴滴ui 组件完美的uihttps://didi.github.io/cube-ui/#/zh-CN/docs/introductionnutUi 京东风格https://nutui.jd.com/#/indexvonic 漂亮的uihttps://wangdahoo.githu...原创 2019-05-27 07:45:19 · 200 阅读 · 0 评论 -
uni-app打包成h5,路径改为相对路径,在开发阶段,可以在devServer中配置代理
可以支持 在mainfest.json中设置h5节点的publicPath为:'./'打包后即为相对路径 但是你会发现一个问题就是有tabbar的情况下你的图标找不到 这是你需要手动改打包后的index.xxxxx.js文件 把这个e.uniConfig.router={mode:"hash",base:"/"}改成e.uniConfig.router={mode:"hash",base:"./"...转载 2019-06-26 11:13:53 · 10579 阅读 · 1 评论 -
H5在ios中fastclick重写input textarea中聚焦问题
// fastclick重写input textarea中聚焦问题FastClick.prototype.focus = function (targetElement) { var length // Issue #160: on iOS 7, some input elements (e.g. date datetime month) throw a vague TypeError...转载 2019-07-20 10:52:50 · 655 阅读 · 0 评论 -
vue中eslint的使用
安装配置原创 2019-03-26 01:19:27 · 197 阅读 · 0 评论 -
vue常用工具
1、axios-mock-adapter,即axios的模拟调试器,通过axios模拟调用后台,后台数据可以使用mock.js来造假数据参考:https://segmentfault.com/a/11900000094648502、vue-treselect实现 树的下拉多选参考:https://www.jianshu.com/p/df42b3f374c13、http-proxy-...原创 2019-03-25 11:01:35 · 242 阅读 · 0 评论 -
VUE-CLI测试环境和打包正式环境的配置切换
config文件夹pro'd.env.js文件'use strict'module.exports = { NODE_ENV: '"production"', API_ROOT:'"http://120.79.94.143/"'//配置开发端口}config文件夹dev.env.js文件'use strict'const merge = require('webpa...原创 2018-11-27 23:38:58 · 1452 阅读 · 0 评论 -
Vuex的基本使用
Vuex是一个专为Vue.js因公用程序开发的状态管理模式概念:vuex是vue配套的公共数据管理工具,他可以把一些共享的数据保存道vuex中,方便整个程序中的任何组件直接获取或修改我们的公共数据; 简单说:vuex就是共享数据的空间,想要这个数据的组件可以从里面渠道对应的值;而没有必要通过 父子组件 之间传值了 使用 import Vuex from "Vuex"; ...原创 2018-12-13 14:15:58 · 142 阅读 · 0 评论 -
关于nextTick的使用,同步和异步的一些知识
首先,同步执行先与异步执行;同步是不会被放到event-loop(事件环的),而异步会在执行异步成功后被放入事件环,供调用;异步执行的操作有(dom、ajax、setTimeout)process.nextTick(callback(){})的作用是把回调函数放到当前执行栈的末尾vue中的vue.$nextTick()回调方法同样也是在dom生成后执行...原创 2018-12-20 00:23:43 · 1939 阅读 · 0 评论 -
关于vue在ios的方法调用,完美
http://mengyujing.com/https://blog.youkuaiyun.com/szjSmiling/article/details/82773293http://mengyujing.com/https://blog.youkuaiyun.com/szjSmiling/article/details/82773293转载 2018-12-14 17:09:12 · 1314 阅读 · 0 评论 -
Vue-cli脚手架安装
Vue Cli脚手架 脚手架是通过webpack搭建的开发环境 使用es6语法 打包和压缩js为一个文件 项目文件在环境中编译,而不是浏览器 实现页面自动刷新 安装 1. $ npm install -g vue-cli 2. $ vue init <template-name> <p...原创 2019-01-07 10:09:50 · 134 阅读 · 0 评论 -
vue自定义组件的使用
新建一个定义组件的js配置文件//引入组件模块import Addapproval from './Addapproval' //审批人import Submit from './Submit' //确认提交按钮import Addimg from './Addimg' //添加图片import Selectgroup from './Selectgroup' //请假import...原创 2019-02-19 15:40:56 · 183 阅读 · 0 评论 -
ios与h5桥连接
function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(window.WebViewJavascriptBridge) } if (window.WVJBCallbacks) { return window.WVJBC...原创 2019-02-19 15:44:05 · 598 阅读 · 0 评论 -
axios注意事项,qs插件的使用(在装axios的时候,就默认安装了)
axios中为了解决post默认使用的是x-www-from-urlencoded 去请求数据,导致请求参数无法传递到后台,所以还需要一个插件qs在main.js中引入import qs from 'qs'Vue.prototype.$qs = qs;在post请求前处理data的paramsparams = this.$qs.stringify(params)//th...原创 2019-02-19 15:55:32 · 827 阅读 · 1 评论 -
vue-webpack中多环境的配置、关于router-view不同路由使用同一组件的业务场景不会触发created或者mounted的问题
多环境vue-cli 默认只提供了dev和prod两种环境。但其实正真的开发流程可能还会多一个sit或者stage环境,就是所谓的测试环境和预发布环境。所以我们就要简单的修改一下代码。其实很简单就是设置不同的环境变量"build:prod": "NODE_ENV=production node build/build.js","build:sit": "NODE_ENV=sit nod...转载 2019-03-02 15:51:59 · 693 阅读 · 0 评论 -
关于vue中常用的方法和属性
const app = new Vue({})// // app为vue实列,当然在组件中属于组件实列app.$data // 实列下的data 可以通过这个是属性修改data里面的数据 也可以 app.obj.a (obj为data中的数据名,a为obj中的一个属性)来调用app.$props // 组件间通讯的数据app.$el // 根元素app.$options...原创 2019-03-25 00:27:13 · 369 阅读 · 0 评论 -
vue常用插件
vux事件 关于表单弹窗(actionsheet) @on-click-menu(key,item) 点击时触发 key是菜单子项的索引,item是他的内容 @on-click-menu-cancel 取消菜单时触发 @on-click-mask 点击遮罩时触发 @on-after-show 显示动画结束时触发 @on-after-hide 隐藏动画结束时触发 ...原创 2018-10-06 23:38:26 · 1071 阅读 · 0 评论