首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue
晓狐狸
创建于2021-05-11
订阅专栏
前端vue语言做项目中遇到的所有值得总结的内容.
等 1 人订阅
共27篇文章
创建于2021-05-11
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue-cli3.0/4.0分环境打包
我做一个后台项目。测试那边要的是测试接口,开发那边用的是生产接口,就相当于有两个不同环境的接口。每次都进行手动改的话,会很麻烦,所以,整理了一下资料,把这两种环境给搞了出来。 1.刚开始创建完项目之后
将echarts的数据视图转换为table表格,并且导出excel
[ 介绍: ] 在做一个echarts柱状图和折线图的过程中遇到,数据视图的数据并没有对齐的现象。于是本人将数据视图改装成了Table表格显示。由于生产那边看到了数据视图,想要我将数据视图的数据导出来
Vue子组件调用父组件的方法
本人是通过$emit的方法,实现子组件调用父组件的方法。在做项目的过程中,有遇到过,点击子组件想要调用父组件的方法的情况。可以借鉴一下下面的方法。 父组件代码部分: 子组件代码部分:
vue项目-xlsx插件的使用-上传excel-读取excel数据
本项目需要上传一个excel表格,并把表格里面的数据给拿出来,传递给后端。 本项目用到了xlsx插件 一: 首先 安装一下xlsx插件 npm install xlsx --save 下面来看一下具体
vue实现返回上一页面,页面停留在原来位置,不进行刷新
从列表页面进入到详情页,当我们点击返回的时候,接口又会被重新刷新了,页面也会跑到顶部,这样一来,又要重新滑到之前浏览的位置,用户体验感很不友好.可以使用vue的keep-alive解决这一问题. 1.
vue 路由跳转报错: Avoided redundant navigation to current location: "/xxx".
问题出现原因:重复路由跳转,比如说当前路由是首页/index,但是点击按钮进行this.$router.push操作,要跳转的还是首页/index。 call()函数可以在调用函数的同时,来改变this的指向,常用于实现继承。 第一个参数this,由于call处于原型对象内部,…
vue中实现点击空白区域关闭弹窗
1. 第一种做法,ref="main" 2. 第二种做法,在外层容器里面定义一个阻止冒泡事件点击空白区域关闭弹窗
移动端禁止浏览器强制缩放问题
我先在index.html中加上了下面的代码:发现在手机自带的浏览器中,还是能放大的,然后就在App.vue中加上了如下代码注意:一定不要忘了{passive:false}!!!
vue-cli中 如何引入全局的js
在main.js中,importtestfrom'./assets/js/test.js',下图中圈中部分在页面中就可以this.$api的形式调用了
移动端开发适配和注意点
1.防止手机中网页放大和缩小。 为了更好的兼容,我们会使用完整的viewport设置。代码如下: html5提供了自动调用拨号的标签,只要在a标签的href中添加tel:就可以了。代码如下: iOS下页面启动加载时显示的画面图片,避免加载时的白屏。
Vue每次点击跳转页面位置回恢复在顶部
注意:一定要调用 next 方法,否则钩子就不会被销毁。
父组件向子组件传值
1. 父组件向子组件传值 1.2 首先先将子组件通过improt给导入到父组件页面里,然后,在components中注册一下,最后就能直接使用,传值给子组件了。
vue生命周期
|mounted | 在el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用。实例已完成以下的配置:用上面编译好的html内容替换el属性指向的DOM对象。完成模板中的html渲染到html页面中。此过程中进行ajax交互 | | beforeUpdate | 在数据…
如何动态改变浏览的title名字
在路由里面添加一个meta对象,里面的title放你想要的浏览器名称。可以设置每个页面不同的页面名称,然后通过路由前置守卫,将名称放置到每个对应的页面 window.document.title等于的值,可以是从后台获取的值。
如何实现访问同一域名,手机和电脑跳转的不一样
在vue项目中的index.html页面添加如下代码:
vue页面跳转的时候,显示在顶部
在做vue项目时,发现路由跳转之后,页面默认停留在当前浏览的位置,但是很多时候我们想要的是路由跳转之后,页面重新定位到顶部,下面介绍一下可以实现的方法。
用vue写一个定时器自动轮播
先看一下完成的效果图这是一个自动轮播播放图,来让我们看一下代码:(用到的共呢个主要是定时器)通过flex布局分成左右两部分mainL和mainR先来看一下created和data里面的数据逻辑然后再看
vue中引用数组中图片的本地路径无效的问题
要给他写成下面的这种样式,要require请求过来就可以了
vuex存储与本地储存(localstorage、sessionstorage)的区别
1.区别:vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存(不主动删除,则一直存在);sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以…
vue里面用三元表达式设置class样式
在vue里是用中括号的形式去判断三元表达式
下一页