Vue
工作点滴记录。
intomylife
这里是一个普通,简单的程序员。
展开
-
我的「Vue」专栏总篇
博主相关个人主页:https://www.zouwencong.comGitHub:https://github.com/intomylifevsCode相关开发vue需要安装的开发工具和环境的配置记录vsCode常用快捷键vsCode常用终端命令Vue相关在vue中使用this.$router.push带参跳转页面及取参在vue中实现省市区的下拉联...原创 2018-12-03 10:42:07 · 4561 阅读 · 1 评论 -
在vue中操作数组
1. 前言vue 中对数组简单的新增和删除2. 新增2.1 push 添加到最后一位2.1.1 代码// 数组var arr = ['java', 'javascript'];console.log('============ 当前数组 ============')console.log(arr)console.log('============ 当前数组 ==...原创 2019-08-31 17:01:27 · 3268 阅读 · 0 评论 -
在vue中格式化表格中的时间为指定格式
在vue表格中如果直接绑定时间字段默认显示格式一般为:yyyy-MM-dd HH:mm:ss,但有时候只需要显示 年月日 或者 时分秒,这时我们就可以用到过滤器(filter)vue 基础表格<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="...原创 2019-01-14 15:00:34 · 16027 阅读 · 0 评论 -
在vue中把一个下拉框分成多个组并可以选择多个选项
通常一个字段如果有多个选择,我们会使用下拉框来表现数据,如支付类型(支付宝,微信,银行卡);但是有时候普通的下拉框满足不了业务需求,如我想选择多种支付方式,甚至如果支付方式又延伸为线上和线下两大类,线上为支付宝等等,线下为当面交易等等,这样页面的数据展示效果和页面与后台存值取值交互就变得更麻烦。但是vue已经为我们安排好了一切~本篇博客就以上述场景作为例子来写一个demo。 ...原创 2019-01-09 15:29:15 · 11959 阅读 · 0 评论 -
在vue中使用rules对表单字段进行验证
vue 中表单字段验证的写法和方式有多种,本博客介绍三种较为常用的验证方式。 1. 写在 data 中验证表单内容<!-- 表单 --><el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px"> <el-form-item labe...原创 2019-01-08 11:23:26 · 112799 阅读 · 13 评论 -
在vue中实现父组件调用子组件以及传值
vue的组件化思想:java中,我们常常将共用部分放入一个单独的类中,并称它们为工具类,这样不仅可以减少代码的冗余,并且在维护上也大大提高了效率。当然,在vue中也有类似的处理,就是组件(Component);组件是vue最强大的功能之一,可用来封装重用的代码。哪些场景适合如订单有多种状态,使用标签页,每一页查询一种订单状态的数据,显示数据的表格却是一样的,这时就可以用到组件来封装共同...原创 2019-01-06 18:24:29 · 10250 阅读 · 0 评论 -
在vue中使用 dialog 弹窗
使用弹窗进行交互可以提升用户体验度,使页面也变得简洁官网介绍:http://element-cn.eleme.io/#/zh-CN/component/dialog#dialog-dui-hua-kuang 最简单的组成1. 触发的按钮,此弹框一般都是点击按钮触发后弹出来的<el-button type="text" @click="dialogVisible = t...原创 2018-12-16 18:50:35 · 47055 阅读 · 3 评论 -
在vue中实现省市区的下拉联动
数据是从数据库中得到的,带数据的sql脚本不方便直接粘贴出来,百度一搜也有一大把,我会把创表 sql 粘贴出来地区表创表 sql 如下DROP TABLE IF EXISTS `region`;CREATE TABLE `region` ( `id` bigint(20) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT '该地区的自增ID',...原创 2018-12-11 10:54:24 · 11466 阅读 · 1 评论 -
在vue中使用this.$router.push带参跳转页面及取参
此方法不用请求到后台,只是前端页面的跳转在 before.vue 中 <template> <div> <div class="" @click="clickMe">点我跳转</div> </div></template><script&原创 2018-12-06 18:42:43 · 6173 阅读 · 0 评论 -
vsCode常用快捷键
记录一下前端开发中最基础最常用的一些快捷键界面调整 ctrl + b:打开/关闭资源管理器 ctrl + ` :打开/关闭终端 ctrl + \ :新建一个编辑器 ctrl + tab :打开的文件切换 ctrl + w :关闭文件 代码调整 tab/ctrl+[ :一行或多行代码向后缩进 shift+tab/ctrl+] : 一行或多行代码向前缩进 ctrl +...原创 2018-12-03 10:33:28 · 977 阅读 · 0 评论 -
vsCode常用终端命令
记录一下vsCode开发中常用的终端命令 启动命令npm/cnpm install :加载依赖(淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org) npm/cnpm run dev :本地启动 git命令git status :查看代码修改情况 git add .\src\ :将修改添加到暂...原创 2018-12-03 11:55:02 · 29669 阅读 · 1 评论 -
开发vue需要安装的开发工具和环境的配置记录
前端开发vue需要一个好用的代码编辑器,首选肯定是vsCode(全称Visual Studio Code);想要运行前端代码并在浏览器中访问,就得安装nodeJS。本篇博客就是介绍如何安装和配置vsCode和nodeJS。 下载vsCode官网下载地址链接:https://code.visualstudio.com/DownloadnodeJS官网下载地址链接:http...原创 2018-12-16 17:26:33 · 20548 阅读 · 4 评论