
vue
jeft_hai
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue兼容 ie
vue项目在ie上会显示空白页安装babel-polyfill:npm install babel-polyfill --save-dev 在入口文件 main.js 中引入 import 'babel-polyfill' module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"] } };...原创 2019-01-10 15:53:30 · 1064 阅读 · 0 评论 -
vue + mui监听android物理返回键
mounted () { var quitTime = null window.mui.back = function () { if (!quitTime) { quitTime = new Date().getTime() window.mui.toast('再按一次退出应用') setTimeout(functio...原创 2019-02-11 00:30:36 · 1202 阅读 · 1 评论 -
vue.set
vue.set更新 列表数据,更改单独 key值不起作用,要用 vue.set赋值,更新数组。vue.set用法 =》 Vue.set( target, key, value )我是使用的:this.focusDetail.forEach(ele => { if (ele.Id === id) { var val = !ele.IsLik...原创 2019-02-12 19:37:45 · 576 阅读 · 0 评论 -
vue PC端拖拽Drag事件
<template> <div class="hello"> <h1>{{ msg }}</h1> <div> <div class="team" v-for="(team,tindex) in teamDataArr" :key="tindex"> <div class=...转载 2019-03-26 20:12:01 · 8889 阅读 · 0 评论 -
Vue 移动端拖拽交换位置
<template> <div class="imageUploaderPage"> <ul ref='imgList' class="imgList"> <li ref='imgItem' class="imgCoverItem" v-for='(item, index) in filesResults...原创 2019-03-27 21:29:31 · 2345 阅读 · 0 评论 -
Vue axios delete 415
axios.delete('/api',{data:{id:1}})axios 的delete 方法与post、put不一样,要用data包裹一层,原理是delete第二个参数是config的data不是单纯的data参考于:https://blog.csdn.net/qq383366204/article/details/80268007...原创 2019-05-07 15:06:18 · 706 阅读 · 0 评论 -
Vue 组件内porps的type为数组时,第一次不触发更新watch
Vue watch Vue 组件内porps的type为数组时,第一次不触发更新watch addItems:{ immediate: true, // immediate选项可以开启首次赋值监听 // deep 是否开启深度监听,监听对象内部属性变化时用 handler (newV, oldV) { }}...原创 2019-08-30 11:59:21 · 432 阅读 · 0 评论 -
Vuex getter更新不及时问题
state改变但是getter不改变可以把getter改为一个函数,每次调用都调用一下函数就肯定刷新了hasBaseInfo: state => () => !(state.user.nickName === state.user.name || !state.user.gender)...原创 2019-08-30 19:51:01 · 3640 阅读 · 0 评论 -
keepAlive遇到的问题
1. better-scroll与keep-alive一起使用会使页面卡住解决:activated () { this.$refs.scroll.refresh() || this.$refs.scroll.forceUpdate()}2.keepalive会记住滚动条的位置,BScroll的也会记住,但是用vuex改变数据,组件内有计算属性改变,就不会记住BScroll的位置...原创 2019-09-05 17:15:52 · 1788 阅读 · 0 评论 -
vue computed
计算属性一些特殊用法:1. 使用get、set使state动态绑定v-model 摘自vuex官网<input v-model="message">// ...computed: { message: { get () { return this.$store.state.obj.message }, set (value)...原创 2019-09-11 15:06:05 · 872 阅读 · 0 评论 -
配置service worker
1. mian.js// 配置 server worker START// console.log('serviceWorker' in navigator, 'serverWorker')// if ('serviceWorker' in navigator) {// navigator.serviceWorker.register('/service-worker.js').t...原创 2019-09-16 16:40:08 · 724 阅读 · 0 评论 -
mui+vue android物理返回键
var quitTime = null; mui.plusReady(function(){ mui.back = function(){ //首次按键,提示‘再按一次退出应用’ if (!quitTime) { //记录第一次按下回退键的时间 quitTime = new Date().getTime(); ...原创 2019-02-10 01:11:05 · 464 阅读 · 0 评论 -
vue静态资源打包
static pathconfig index.js build中:将 assetsPublicPath: '/' 改为 assetsPublicPath: './',css静态路径build utils.js:publicPath return ExtractTextPlugin.extract({ use: loaders, fal...原创 2019-01-27 15:27:36 · 819 阅读 · 0 评论 -
vue scoped原理
这次给大家带来Vue中scoped实现原理及穿透使用步骤详解,Vue中scoped实现原理及穿透使用的注意事项有哪些,下面就是实战案例,一起来看一下。何为scoped?在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的...转载 2019-01-18 00:46:41 · 288 阅读 · 0 评论 -
vue,vue生命周期,vue-cli
vue-clinpm install vue-cli -g vue init webpack my-project npm install 生成package.json npm run dev 本地运行 或 npm run build 上线(生成dist文件夹)vue生命周期 beforeCreate => el与data并未初始化 => ...原创 2019-01-08 12:06:02 · 636 阅读 · 0 评论 -
vue-router
vue-router export default new Router({ mode:'history', linkActiveClass:'active', routes: [ { path: '/', name: 'index', component: index, children: [ {p...原创 2019-01-08 13:24:22 · 958 阅读 · 0 评论 -
vue指令
v-text,v-htmlv-html可以过滤掉html标签v-for数组:v-for="(item, index) in arrList"对象:v-for="(value, key) in objList"组件:<componentA v-for="(value, key) in objList" :key="key"></componentA>原创 2019-01-08 14:06:11 · 391 阅读 · 0 评论 -
nginx 配置vue 子页面刷新404
server{ listen 80; server_name xxx.jeft-hai.top; root /www/xxx/views/; index index.html index.htm; location / { try_files $uri $uri/ @router; index index.html; proxy_...原创 2019-01-09 01:18:55 · 1076 阅读 · 0 评论 -
vuex
5种状态:state -> 基本数据 getters -> 从基本数据派生的computed:{ ...mapState(['repeat','nowIndex']) }同步 actions -> 提交更改数据的方法,包裹mutations,异步 modules -> 模块化Vuexstate先在vuex中声明数据 组件中获取sta...原创 2019-01-09 01:20:01 · 418 阅读 · 0 评论 -
vue组件间传递信息
全局 vuex父子组件父组件 -> 子组件<food @add='addFood' :food=food></food>子组件 -> 父组件props:{ food:{ type:Array, default:[] }}this.$emit('add',data)eventBus...原创 2019-01-09 01:20:47 · 600 阅读 · 0 评论 -
node json转xlsx文件
node server app.jsvar json2xls = require('json2xls');app.use(json2xls.middleware);users.jsres.xls('data.xlsx', list);list为 json数据vue前端下载downExcel(){ var eleLink = document.cre...原创 2019-01-15 17:08:02 · 782 阅读 · 0 评论 -
vue 数据请求
axiosimport axios from 'axios'; axios.get('/users/addressList').then((response)=>{ var res = response.data; this.addressList = res.result; this.addressList.forEach((...原创 2019-01-10 00:56:06 · 548 阅读 · 0 评论 -
vuex-persistedstate
import createPersistedState from 'vuex-persistedstate'import * as Cookies from 'js-cookie'plugins: [createPersistedState()]})原创 2019-01-21 20:58:43 · 965 阅读 · 0 评论 -
安装 @vue/cli
真是坑呀,npm install -g @vue/cli 一直报错,(win10系统) 4048应该是没有什么权限,但是重装node 给npm配置系统变量 用管理员身份运行cmd cnpm 清除npm缓存都用了,就是报错。。。最后 用yarn下载成功下载yarn有三种方法 https://www.jianshu.com/p/9308e6abbe44但是我用:npm i...原创 2019-09-17 17:10:37 · 279 阅读 · 0 评论