![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
new Object ~
这个作者很懒,什么都没留下…
展开
-
封装button组件
代码】封装button组件原创 2022-07-20 17:14:06 · 383 阅读 · 0 评论 -
vue项目发布后,elementUI样式优先级高,覆盖本地样式
vue项目发布后,elementUI样式优先级高,覆盖本地样式原创 2022-07-19 17:03:52 · 1744 阅读 · 0 评论 -
防抖节流的使用
代码】防抖节流的使用。原创 2022-07-19 16:56:29 · 207 阅读 · 0 评论 -
js文件下载功能总结
每次写下载都要百度这次自己记录一下,图片打开的话有时候是预览这个方法可以下载文件而不是打开预览downloadFile(filePath,fileName) { console.log(filePath); var request = new XMLHttpRequest(); request.responseType = "blob"; let fileUrl = filePath; // 文件路径 request.open("GET", fi原创 2021-11-20 14:52:18 · 2383 阅读 · 0 评论 -
vue的生命周期概览
最开始运用vue的生命周期还是比较迷茫的,所以在这里记录下自己所用到的生命周期以免自己忘记; mounted: el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$el 也在文档内。 该钩子在服务器端渲染期间不被调用。 //页面已经完成会执行该函数。activate...原创 2018-06-19 20:43:42 · 264 阅读 · 0 评论 -
vue登录路由验证的实现方法简单介绍
vue的项目的登录状态如果用vuex状态管理,页面一刷新vuex管理的状态就会消失,这样登录路由验证就没有意义了。可以将登录的状态写到web Storage中进行存储管理。本主要为大家详细介绍了vue登录路由验证的实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 步骤如下:1、在登录组件里,将登录状态写入web Storage里。(一般写入session Stora...原创 2018-06-20 17:32:53 · 5198 阅读 · 0 评论 -
使用node搭建服务
最近在看node,听说学会了node就可以做全站所以就想了解下。下面就是自己使用node搭建的一个小服务。首先要安装node,直接官网下载傻瓜式安装就可完成。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。(...原创 2018-07-12 15:39:18 · 2717 阅读 · 4 评论 -
webpack过滤console打印
开发环境下需要console打印很多的数据但是放在放在线上又不能又console打印的那些数据,只要在webpack的配置里面加上一段代码就可以过滤掉。找到webpack.prod.conf.js 文件,在这个文件里面有一个plugins 这个是一个数组,在这个数组里面加上下面的代码就可以了:new webpack.optimize.UglifyJsPlugin({ com...原创 2018-09-03 19:13:15 · 3614 阅读 · 0 评论 -
vue cli 3.0 安装教程
// 全局安装@vue/cli npm install -g @vue/cli // 创建项目 vue create my-project我在安装这个第一步的时候会报错下面我把错列举在下面 ERROR command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org...原创 2019-03-13 22:19:27 · 522 阅读 · 0 评论 -
图片缓存解决办法
在写项目时遇到了图片修改或者上传之后,没办法实时的更新图片呢,所以下面呢就可以借助时间戳来完成图片的实时的更改:<template> <img :src="`${coverUrl+'?'+now}`"> //coverUrl对应的是图片的路径然后后面的now就是生成的时间戳</template><script> ...原创 2018-06-04 19:43:41 · 9788 阅读 · 0 评论 -
vue使用element-ui的el-input监听不了键盘事件解决问题
vue使用element-ui的el-input监听不了键盘事件,原因应该是element-ui自身封装了一层div在input标签外面,把原来的事件隐藏了,所以如下代码运行是无响应的:<el-input v-model="name" placeholder="账号" @keyup.enter="doLogin"></el-input>在执行的时候事件是定义在inp...原创 2018-05-10 15:59:40 · 3527 阅读 · 1 评论 -
关于vue下跨域问题,一看就明白!
最终还是遇到了跨域问题,经过一下午的各种尝试终于成功的掉到了想要的东西,下面就来写一下是如何实现的,也算是给后来者填个坑:你需要做一个反向代理的东西打开你的vue项目的config文件夹下的index.js然后找到以下的代码: dev: { proxyTable: { '/api': { target: 'http://ip地址',原创 2018-03-08 18:07:45 · 13379 阅读 · 1 评论 -
关于vue2使用axios
最近在使用vue来进行开发,来写写自己的使用里面的一个axios库的一个心得吧; 首先使用npm: $ npm install axios 来安装axios使用bower: $ bower install axios 使用cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script>原创 2018-03-02 19:53:38 · 9414 阅读 · 0 评论 -
MVVM的理解
Vue.js 和 MVVM 小细节 MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于View 层。它的核心是...原创 2018-03-23 18:49:25 · 651 阅读 · 0 评论 -
vue分页组件项目实践
最近开发后台项目需要写一个vue的分页组件,所以把写好的组件分享到这个上面加深一下印象: 看了下写的还是比较多的最开始是父子组件之间的通讯。 父组件container里面的内容<template>//模板 <div> <div class="search"> <...原创 2018-03-21 15:55:00 · 587 阅读 · 0 评论 -
vue的路由穿参
今天在写项目时居然把之前的路由传递参数给忘记了,故此纪念一下。首先在你需要跳转路由的模板里面: (我的用到了点击事件)changePassword(password){ this.$router.push({name:'changePassword',params:{password:'password'}})}push的第一个参数就是你要跳转的另一个页面,第二个参数...原创 2018-04-08 18:38:28 · 467 阅读 · 1 评论 -
axios的简易封装
繁琐的http请求多而复杂,这里就将axios的get和post进行封装,以方便后续在项目中方便的使用。首先创建一个名为http.js的js然后下面就是http.js中的代码:http.jsimport axios from 'axios'import qs from 'qs'let localhosts = '这里是要请求的url';axios.interceptors.r...原创 2018-03-27 17:58:56 · 2259 阅读 · 0 评论 -
vue配合element-UI开发后台系统
前面文章安装了node和cnpm下面就要安装vue这个框架了首先要确保你的node -v npm -v cnpm -v 这些环境都已经配置成功了,若没有的话请出门左拐: node和cnpm安装看着一篇就够了如果都OK了那下面就进入正题首先打开终端在里面输入以下内容 sudo cnpm install -g vue-cli安装成功后输入vue会出现以下内容:在输入vue...原创 2018-04-10 14:35:19 · 3367 阅读 · 0 评论 -
vue中子组件触发父组件的方法
方法一:子组件:`<template> <button @click="submit">提交</button> </template> <script> export default { methods: { submit: function () { ...原创 2018-05-10 15:52:06 · 3561 阅读 · 0 评论 -
nginx下部署vue项目概览
今天要用到服务器nginx,还需要把自己的vue的项目部署到服务器上去所以就写一下记录下来。首先要去nginx官网下下载nginx: 下载地址:https://nginx.org/en/download.html 下载下来会是一个解压包,解压到你想放的文件夹下运行nginx.exe,然后打开浏览器输入localhost出来如下图片所示就说明成功了:然后如果没有成功原创 2018-03-08 11:55:45 · 46701 阅读 · 9 评论