![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
A_小鹏
爱写Bug的小前端
展开
-
vscode中vue标签按tab不显示
现已取消 .vue 文件与 HTML 的默认关联,需要手动配置。设置方法: 文件-首选项-设置 设置代码"emmet.syntaxProfiles": { "vue-html": "html", "vue": "html"}原创 2017-08-04 14:18:48 · 1849 阅读 · 0 评论 -
vue $refs的基本用法
<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div><script> new Vue({ el: "#app", methods:{ add:function(){ this.$re原创 2017-08-18 16:54:43 · 594 阅读 · 0 评论 -
vue表单自定义校验规则
<div id="app"><el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="pass"> <el-input type="password" v-model="rule转载 2017-08-23 15:44:53 · 16220 阅读 · 0 评论 -
VUE+elementUI分页
<el-col :span="24" class="toolbar pageBar"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current原创 2017-09-07 14:38:43 · 2618 阅读 · 0 评论 -
Vue 2.X 生命周期
生命周期简介 从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。声明周期细探直接上代码<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script></h原创 2017-11-09 14:49:03 · 391 阅读 · 0 评论 -
Vue2.0+ElementUI简单form表单验证
首先:template先创建一个form表单,:model绑定表单索要提交的对象,:rules2是此表单绑定的校验规则,ref用来绑定这个dom元素,之后在$refs调用。<el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-position="left" label-width="0px" > <h3 class原创 2017-11-06 16:11:25 · 5888 阅读 · 0 评论 -
ElementUI 1.X升级到2.X
最近elementUI 官网爆出对1.X停止维护,那小伙伴们就屁颠屁颠的去升级到2.X吧。首先,删除你的element UI 1.4.8版本 ,输入以下命令:npm uninstall element-ui进入到项目目录,安装2.0npm install element-ui@2.0.0 -Snpm不行的话就用cnpm 修改新增的 theme-chalk 主题 然后, 页面的样式就已经升级了原创 2017-12-08 10:28:25 · 2083 阅读 · 1 评论 -
Vue导出Excel
Vue按钮导出Excel文件。1、安装三个依赖npm install -S file-saver xlsxnpm install -D script-loader2、项目中新建一个文件夹:(vendor—名字任取) 里面放置两个文件Blob.js和 Export2Excel.js。 百度云:https://pan.baidu.com/s/1vJ7RnNMKYco2_...原创 2018-05-03 15:44:05 · 2023 阅读 · 0 评论