![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小小_xiuxiu
这个作者很懒,什么都没留下…
展开
-
CSS之文件实现上传按钮
文件上传按钮<input type="file" id="btn_file">默认样式:默认样式着实不好看,而且我想让后面的‘未选择文件上传’去掉,将color设置为transparents就可以实现,但是我又想将按钮的字体颜色改为蓝色,显然就冲突了,实现不了。改进方法:<input type="file" id="btn_file" style="display:...原创 2019-04-20 20:39:34 · 4857 阅读 · 0 评论 -
Vue之路由钩子函数
router的beforeEach()函数和afterEach()函数在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了路由的三大类钩子,两种函数三大类钩子:1、全局钩子2、某个路由的钩子3、组件内钩子两种函数:Vue.beforeEach(fu...转载 2019-04-19 15:51:39 · 365 阅读 · 0 评论 -
Vue之vue项目引入图片和设置路径别名
1、在vue项目中引入图片,图片放在static/img文件下,引用的时候这样写<div class="img"> <img src='static/img/face-1.jpg'></div>//在static文件夹下的静态文件加入时不需要从引用出网上找,如不需要这样写//'..../static/img/face-1.jpg'//而只需要从...原创 2019-04-20 15:44:53 · 3557 阅读 · 0 评论 -
Vue之vue项目引入并使用stylus预编译器
1、安装stylus、stylus-loader依赖npm install stylus stylus-loader2、在package.json文件中在"devDependencies":字段中添加3、直接在组件页面用即可,组件的style标签中添加属性,lang=stylus4、stylus预编译器的好处、优点...转载 2019-04-16 09:48:55 · 706 阅读 · 0 评论 -
Vue之axios请求表格数据时能正确返回数据,但是总是不能渲染进页面
原本是这样写的但是发现一直会报下面这个错误查找一下原因,在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定解决方法有:(1)用ES6箭头函数,箭头方法可以和父方法共享变量(2)在请求axios外面定义一下 var that=this参考文档:https://blog.csdn.net/qq_42809973/article/details/830...原创 2019-04-18 19:15:16 · 3829 阅读 · 2 评论 -
Vue之项目采用axios发送ajax请求
1、为什么vue项目中要使用axios来发送ajax请求?vue本身它是不支持直接发送ajax请求的,需要用到axios。2、axios?axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和...原创 2019-04-18 17:30:56 · 499 阅读 · 0 评论 -
Vue之采用vue-cli创建一个vue项目
1、创建一个vue-cli的项目npm install vue-cli -gvue init webpack 2、ps:如果没有进入项目目录下装依赖包,而是在上一级目录下装依赖包,会另外生成一个package.json文件。...原创 2019-04-13 17:47:25 · 97 阅读 · 0 评论 -
Vue之vue项目引入并使用ElemntUI组件
1、用vue-cli生成项目结构目录2、使用element-ui前需安装修改的配置:(1) 安装 loader 模块: npm install style-loader -D npm install css-loader -D npm install file-loader -D(2)安装 Element-UI 模块cnpm install element-ui ...原创 2019-04-14 14:28:53 · 1720 阅读 · 0 评论 -
Vue之vue项目中实现vue-router路由跳转
如我们所知,vue是一个大型的单页面应用,它实际上可以看成是只有一个页面,那么很多人会问,不同页面的切换该如何做处理?没错,靠的就是路由跳转vue-router了;vue项目中的路由跳转有很多种方式,以下且听我细细说来~1、首先,vue项目中应该先配置好Vue-Router,才能使用它:我们使用vue-cli创建项目的时候,在执行vue init webpack {项目名...转载 2019-04-14 17:51:08 · 2132 阅读 · 1 评论 -
Vue之vue项目引入vuex
1、首先给项目安装依赖npm install vuex --save2、新建仓库在src目录下新建一个文件夹,命名为store,然后在该文件夹下面创建一个js文件store.js。3、新建仓库在项目中引入//在main.js中import store from './store/store'new Vue({ el: '#app', router, store, //使...原创 2019-04-18 15:15:02 · 579 阅读 · 0 评论 -
Vue之vue中的data为什么是一个函数?
在vue项目中,vue实例的data是长这个样子的data(){ return { message:'message' } }为什么在项目中data需要使用return返回数据呢?大家知道用组件化来写vue项目,每个.vue文件都是一个个组件。那什么是vue中的组件?官网写的很易懂——组件就是一个可复用的vue的实例。这也就意味着如果你的data是一个普...转载 2019-04-18 16:04:20 · 3995 阅读 · 1 评论 -
Vue之vue项目引入icon
一、icomoon:有大量矢量图标,也可以自定义1、在图标库中下载图标点击进入icomoon网站点击右上角的“IcoMoon App”,找到自己需要的图标然后点击右下角的“Generate Font”,接着可以在左上角第二个按钮“Preferences”进行自定义你要下载的图标信息,修改文件名,然后点击"Download",这样就下载了图标。2、解压图标压缩包得到文件如下图:3、在vue...原创 2019-04-20 16:23:40 · 841 阅读 · 0 评论