vue
oYuLian
这个作者很懒,什么都没留下…
展开
-
vue 验证码输入框
<template> <div class="classnumber"> <div class="v-code"> <input ref="vcode" id="vcode" type="tel" maxlength="codeLength" v-model="aCodes" @focus="focused = true" @bl.原创 2020-05-26 19:33:02 · 543 阅读 · 0 评论 -
vant 上拉加载和下拉刷新
1.使用vant中的list和PullRefresh组件import { PullRefresh,List } from 'vant';Vue.use(PullRefresh).use(List);2.代码demo <van-pull-refresh v-model="isLoading" @refresh="onRefresh"> ...原创 2018-09-20 09:20:46 · 22410 阅读 · 8 评论 -
vue 技巧
对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为Vue.js大师,那下面我要传授的这五招你一定得认真学习一下了。在面试过程很多HR会问到。面试之加分项vue第一招:化繁为简的Watch场景还原:面试之加分项vue组件创建的时候我们获取一次列表,同时监听input框,每当发生变化的时候重新获取一次筛选后的列表这...转载 2018-10-15 13:45:08 · 745 阅读 · 0 评论 -
hvalidate vue前端表单验证 表单验证
hvalidate项目介绍自定义vue指令,前端表单校验安装教程项目地址 https://gitee.com/hcsy/hvalidate 在vue项目中引入 import hvalidate from './js/hvalidate.js' Vue.use(hvalidate)3.本插件校验以下字段 let msgConfig = { ...原创 2018-10-23 14:13:29 · 451 阅读 · 0 评论 -
自定义vue组件使用v-model
<template> <div class="helect"> <select v-model="val" @change="clickRadio"> <option :value="v.value" v-for="(v,i) in List" :key="i">{{v.key}}</optio...转载 2019-04-24 17:13:49 · 150 阅读 · 0 评论 -
vue
vue 官网:https://cn.vuejs.org/vue-cli 脚手架:https://cli.vuejs.org/zh/guide/prototyping.html安装vue-cli 脚手架验证是否安装成功vue -V1.创建一个项目vue create hello-world也可以 使用图形化界面创建vue ui2.配置好之后还可以配置...原创 2019-09-07 14:16:05 · 181 阅读 · 0 评论 -
vue 中全局引入scss基础变量
1.添加依赖npm install sass-loader node-sass --save-devnpm install sass-resources-loader --save-dev2.修改build/utils.jsscss: generateLoaders('sass').concat( { loader: 'sass-resources-l...原创 2018-07-18 11:03:53 · 626 阅读 · 0 评论 -
http://www.dabaipm.cn/static/frontend/346.html
vue-cli构建项目 npm run build后应该怎么运行在本地查看效果2017-03-21本文以vue官方脚手架vue-cli构建的项目为例。问题来啦运行npm run dev以开发模式打开调试好了你的案例程序;你还不满足于仅仅把代码放在github上,想直接能把案例效果build版本的代码在本地预览或者放在你的个人博客上供大家直接看效果学习。这时如果直接运行n转载 2017-05-10 21:44:58 · 740 阅读 · 0 评论 -
vue 实例
{{msg}}var Vm=new Vue({ el:"#App",data:{ msg:"hello word"},mounted:function(){ console.log(this.msg);},methods:{ add:function(){ this.msg="改变";console.log(this.msg原创 2017-05-11 20:40:06 · 355 阅读 · 0 评论 -
安装node和vue-cli 并从GitHub上下载vue开源项目 并运行
使用 node 的npm 到GitHub上下载vue的开源项目,并运行。准备:1.安装node.js 全局安装 node -v 检查是否安装成功2..安装 vue-cli 使用 vue -V 检查是否安装成功 注意是大写开始:1. 找到开源项目的git地址2.使用cmd 定位到要安装项目的文件夹下 (可以先到项目文件加下在打开cmd)3.输入命令: git clone原创 2017-05-20 23:16:46 · 4094 阅读 · 0 评论 -
vue 路由
https://www.jianshu.com/p/26c756097290router导航守卫// 假设我从A页面 -> B页面 -> C 页面,如果我按回退按钮的话,我想回到A页面,而不是正常的回退到B页面,该怎么实现呢?export default new Router({ routes: [ { path: '/', component: a ...转载 2018-04-27 13:56:47 · 140 阅读 · 0 评论 -
vue-router
https://github.com/vuejs/vue-router/blob/next/examples/scroll-behavior/app.js滚动行为转载 2018-04-27 14:47:18 · 153 阅读 · 0 评论 -
vue 循环渲染 每条数据显示不同的样式 classs绑定多个样式
一.固定样式 <p class="qiu1" @click="hexit(1)" :class="clickType.indexOf(1)>-1?'exitqiu':''" v-if="qiuData.length>0"> <img src="../..原创 2018-06-21 10:04:35 · 5887 阅读 · 0 评论 -
Vue-cli 脚手架的安装
前提要安装了node 在cmd中输入 npm install --global vue-cli安装成功后 使用 vue -v 检查 vue init 要安装的模板名称 我的项目名称 eg:vueinitwebpackvuecliTestProject name :项目名称 ,如果不需要更改直接回车就可以了。注意:这里不能使用大写,所以原创 2017-05-10 21:17:46 · 546 阅读 · 0 评论