![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
酷jjs
追求卓越,激流勇进!
展开
-
vue传值:兄弟间传值
1.新建bus.jsimport Vue from 'vue'export default new Vue;2.在a组件产生需要传递的值//先引入bus.jsimport Bus from '@/components/bus/bus.js'//兄弟间传值---设置值Bus.$emit('navItemtable',this.navItemtable);3.在b...原创 2020-04-09 15:17:51 · 376 阅读 · 0 评论 -
vue深度监听对象的变化,并使用localStorage进行对象存储
<script> export default { data() { return { editableTabs: [{ title: '查询', name: '1', content:{ //右侧内容输入区 searchtext...原创 2020-04-09 15:08:58 · 1090 阅读 · 0 评论 -
vue窗口大小实时监听
<div class="leftBox" :style="{width:wrapBox.leftWidth+'px'}">左侧部分</div><div class="rightBox" :style="{width:wrapBox.rightWidth+'px'}">右侧部分</div> data() { return...原创 2020-04-09 14:47:55 · 1858 阅读 · 0 评论 -
nodejs 前端项目编译时内存溢出问题的原因及解决方案
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本...转载 2019-09-26 17:17:21 · 2097 阅读 · 0 评论 -
时分秒(00:00:00) 转为 (秒) 和 (00时00分00秒)
时分秒(00:00:00) 转为 秒time_to_sec(s) { let ss = s.split(":"); let t = Math.floor(ss[0]) * 60 * 60 + Math.floor(ss[1]) * 60 + Math.floor(ss[2]); return t;},时分秒(00:00:00) 转为 00时00分00秒...原创 2019-09-25 09:51:38 · 4314 阅读 · 0 评论 -
vue中style样式动态绑定
方法一:(1) html中: <div class="videoMa" ref="videoMa" style="width:100%;height:100%;"> <div id="playWnd" class="playWnd" :style="{width:videoBox.width+ 'px',height:videoBox.height+ 'px'}"&...原创 2019-08-16 10:58:41 · 79010 阅读 · 0 评论 -
vue中使用localStorage进行对象存储
let saveUserInfo={ 'username':'admin', 'roleId'::'1', 'userId':'b341181c-aced-11e9-89bf-00163e0e8daf', }; /* 存储*/localStorage.setItem('saveUserInfo', JSON.stringify(saveUserInfo));/* 获...原创 2019-07-25 15:26:28 · 4737 阅读 · 1 评论 -
vue项目打包部署到服务器,静态资源文件404
转发来自https://www.cnblogs.com/lemoncool/p/10876407.htmljs文件404问题 原因:打包的项目静态资源的路径需要设置为绝对路径。如果是相对路径会出错 解决办法:修改config/index.js文件,将 assetsPublicPath修改为'./'  ...转载 2019-06-24 15:45:23 · 5436 阅读 · 1 评论 -
vue项目axios的全局配置
新建axios-init.js文件import axios from 'axios';export default()=>{ let loadingInstance; //创建Loading 的实例 axios.defaults.baseURL = appConfig.xhr.baseURL; // 配置axios请求的地址 axios.defaults.head...转载 2019-04-17 14:06:23 · 4011 阅读 · 0 评论 -
vuex的安装使用
1.安装 vuexnpm install vuex --save2.vuex理解官方解释:vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的状态,并以相应的规则保证状态以一种可预测的方式发生变化。可以理解为是一个 :全局变量。3. 使用vuex(1)在src 下创建文件夹store;创建store.jsimport Vue...原创 2019-04-24 11:09:29 · 155 阅读 · 0 评论 -
axios的安装、跨域和使用
1.安装axioscnpm install axios --save2.在main.js添加import Axios from 'axios'Vue.prototype.$axios = Axios;new Vue({ el: '#app', Axios, components: { App }, template: '<App/>'})...原创 2019-04-24 16:07:50 · 4507 阅读 · 0 评论 -
vue项目访问路径localhost替换成本机ip无法访问
解决办法:找到 config 文件夹下面的 index.is 里面的 dev,把 host 的值改成 0.0.0.0原创 2019-05-08 12:01:31 · 2543 阅读 · 0 评论 -
vue中router获取
let routes= this.$router.options.routes;console.log(this.$router)原创 2019-05-08 14:06:10 · 4455 阅读 · 0 评论 -
vue中安装使用scss
1.安装vue-loadercnpm install vue-loader --save-dev2.loader配置npm install sass-loader node-sass --save-dev3.使用<style scoped lang="scss"> $primary-color: #666; $width:100px; .box{...原创 2019-04-25 14:54:32 · 2361 阅读 · 2 评论 -
vue接口统一管理
1.在src文件夹下面新建api文件夹,新建api.js// let apiUrl = 'http://192.168.8.134:8081';let apiUrl = '/apiapi';let API={ api:{ //应用表 applist:apiUrl+'/app/list', //查询应用列表 appadd:apiUrl+'/app/a...原创 2019-05-14 16:51:25 · 5249 阅读 · 0 评论 -
vue项目安装/使用font-awesome字体图标库
1.npm安装font-awesomenpm install font-awesome --save安装成功后,在node_modules文件夹新增font-awesome文件夹2.在main.js引入cssimport 'font-awesome/css/font-awesome.min.css'3.在页面中使用<i class="fa fa-align...原创 2019-05-08 09:31:32 · 3501 阅读 · 0 评论 -
解决IE浏览器无法显示VUE项目的方法
一、ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browserPromise为ES6语法,有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法①npm install --save-dev babel-polyfill②在main.js中引入 impo...转载 2019-05-24 10:42:47 · 5146 阅读 · 0 评论 -
vue中公共方法调用
首先,在assets文件夹下,新建js文件夹,创建common.jsexport default { text(){ console.log("测试,测试!!!") } }(1)如果是全局(多页面)使用:1.在main.js中引入/* 引入公共js*/import common from '@/assets/js/common.js'Vue....原创 2019-06-03 14:25:26 · 9314 阅读 · 0 评论 -
Vue通过build打包后 打开index.html页面是空白的
转载来自 https://blog.csdn.net/weixin_41439996/article/details/80844635转载 2019-01-27 13:13:52 · 1591 阅读 · 0 评论