前端
hx_1199
这个作者很懒,什么都没留下…
展开
-
vue2.0项目记住密码和用户名实例
小的今天突来兴致,试了一下将用户名和密码存在cookie和localStorage里如何实现;从代码难易程度来讲,果断选择了将用户名和密码存在localStorage里面。当然菜鸟上这么说的,楼下。也许我不是一个好的程序员,不说废话了,直接上代码了:<template> <el-form :model="ruleForm" :rules="rules" ref="ruleFo...原创 2018-05-10 17:36:39 · 7950 阅读 · 3 评论 -
在vue中封装一个svg组件
在vue中封装一个svg组件 第一步: 在vue脚手架生成的文件夹下的src/components创建一个Svg 在components->xx.vue<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="...原创 2019-02-19 16:16:25 · 951 阅读 · 1 评论 -
vue-cli项目引入boostrap
(1) 引入Jquery npm install jquery --save-dev (2) 修改build->webpack.base.conf.js a 引入webpack对象: const webpack=require("webpack") b 在module.exports尾部中加入 plugins: [ new webpack...原创 2018-09-03 17:30:25 · 322 阅读 · 0 评论 -
vue-cli环境下 图片懒加载插件的使用
1)插件地址:https://github.com/hilongjw/vue-lazyload2)简单使用方法 a) 安装插件:npm install vue-lazyload --save-dev b) 在src目录下的main.js 配置import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{...原创 2018-09-04 10:01:45 · 724 阅读 · 0 评论 -
apidoc兼容问题
刚下在apidoc后,中文不现实->兼容中文问题找到全局apidoc(因为我是全局)然后如下图,问题解决原创 2018-08-23 14:32:21 · 462 阅读 · 0 评论 -
vue项目登录成功后退出时清空sessionId和userId的个人理解
项目背景:首先介绍一下,项目中用了vuex; 从前端页面来讲,如果登录表单的内容验证都通过之后,当我们点击登录按钮的时候向后台发送请求,请求成功后,后台会给我们返回信息,其中信息会有sessionStr和sessionId等个人标识(我的理解是后台根据这个sessionStr和sessionId在control层或者其他层来写登录的人的个人信息)所以当我们点击退出的时候,一般会像后台...原创 2018-06-01 10:41:42 · 28723 阅读 · 0 评论 -
修改滚动条样式
先说下布局吧 一个固定大小的盒子,里面装着所有数据的盒子 <div class="List"> <div class="allData"> <ul v-for="(item,id) in items" v-bind:key="id"> <li><img src=原创 2018-05-23 14:06:28 · 2358 阅读 · 0 评论 -
vue2.0项目实现表单向上滚动的效果
<div class="List" @mouseout="start()"> <div class="allData" :style="{top}" @mouseover="forbidden()"> <ul v-for="(item,id) in items" v-bind:key=&quo原创 2018-05-16 14:53:50 · 4475 阅读 · 0 评论 -
vue学习之路---基础(实例方法/特殊属性)
vue为什么会有key的属性? vue为了高效率渲染页面,会复用已有元素,也就是说不会从头开始渲染元素。但是有些时候我们并不希望是复用元素,比如说在v-for循环列表的时候,我们是希望所有的选项(包括相同的元素选项)都是可以渲染到页面上的。vue2.0中提出的解决办法:key的特殊属性。key属性的小理解: 比如说,我们在页面上<template v-if="login=...原创 2018-04-28 17:45:25 · 210 阅读 · 0 评论 -
vue学习之路----基础(transition组件)
<transition name="fade"> <p v-show="show"></p> //运动东西(元素,属性,路由)</transition> class定义: .fade-enter{} //初始状态 .fade-enter-active {} //变化成什么样->当元素显示出来 .fa原创 2018-05-06 21:46:46 · 230 阅读 · 0 评论 -
vue学习之路 ---基础(实例方法/事件)
.vm.$on+vm.$emit vm.$on( event, callback )监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 vm.$emit( event, […args] ) 触发当前实例上的事件。附加参数都会传给监听器回调。 v-on的简写为@ ...原创 2018-04-28 14:29:01 · 131 阅读 · 0 评论 -
vue学习之路 ---基础(实例方法/数据)
实例方法/数据 vm.$watch html:<div id="watch"> firstName:<input type="text" name="li" v-model="firstName"> lastName:<input type="text" name="fe原创 2018-04-27 18:03:46 · 170 阅读 · 0 评论 -
vue项目组件之间的数据传递
Vue的组件作用域都是孤立的,也就是说子组件内不能直接引用父组件的数据。需要通过特定的方法才能完成各个组件之间的通信首先用 vue-cli 创建一个项目,其中 App.vue 是父组件,components 文件夹下都是子组件。 一、父组件向子组件传递数据在 Vue 中,可以使用 props 向子组件传递数据。子组件部分:这是 header.vue 的 HTML 部分,logo 是在 data 中...转载 2018-04-27 16:07:01 · 5141 阅读 · 1 评论 -
修改element-ui组件样式
在项目中,我们用element-ui让我们的开发速度大大提升,当样式和我们的需求不一样时,我们该如何修改呢? 新增<style></style>标签,并在里面修改所需样式,切记,不加scope,否则无效,如下如所示 ...原创 2018-04-26 14:54:21 · 12285 阅读 · 4 评论 -
vue-cli项目搭建基础
一、检查电脑node是否已经安装 二、检查vue版本 三、下载vue脚手架 四、生成项目模板(webpack为项目名,project为保存项目的本地文件夹名称) 五、进入到项目里面六、运行项目 ...原创 2018-04-25 10:37:31 · 296 阅读 · 0 评论 -
Visual Studio Code查找工具栏
1,写项目时经常不小心关闭右侧文件夹目录,那么如何查找文件夹目录呢? 点击中的查看,选择资源管理器,便可恢复项目文件夹目录。2, 如果不小心关闭标题栏,如何查找呢?回到首页点击学习下面的,查找并运行所有命令->点击查看,标题栏即可显示。...原创 2018-04-26 13:33:20 · 12591 阅读 · 0 评论 -
vue 项目引入阿里图标
1.去阿里图标矢量图标库将想要的图标添加入库 2.再去库中将图标添加到项目。3.再到我的项目中,选择,我这里采用的是将图标代码包下载到本地再引入到vue项目中。4.在vue项目的assets文件夹下新建一个iconfont文件夹(名字随意),将刚刚下载下来的代码包中的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、icon...转载 2019-02-20 10:42:35 · 297 阅读 · 0 评论