自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 VS Code常用快捷键

编辑器与窗口管理新建文件: Ctrl+N文件之间切换: Ctrl+Tab打开一个新的VS Code编辑器: Ctrl+Shift+N关闭当前窗口: Ctrl+W关闭当前的VS Code编辑器: Ctrl+Shift+W切出一个新的编辑器窗口(最多3个): Ctrl+\切换左中右3个编辑器窗口的快捷键: Ctrl+1 Ctrl+2 Ctrl+3代码格式调整代码行向左或向右缩进: Ctrl+[ 、 Ctrl+]复制或剪切当前行/当前选中内容

2020-07-09 10:44:04 177

原创 vue+element表格部分选择框禁用

依旧是常规的表格<el-table :data="tableData" style="width: 100%" ><el-table-column prop="tzmc" label="名称" class-name="top"></el-table-column><el-table-column label="可选"> <el-table-column

2020-07-09 09:31:24 2089

原创 点击按钮隐藏或显示图片

显示与隐藏图片直接上代码吧!!!!<div id="app"> <img src="demo.png" v-show="showtime" /> <button @click="click">显示图片</button></div> <script>new Vue({ el: '#app', data: { showtime: false }, methods:{ click(){ this

2020-06-30 17:46:40 1611

原创 Vue+Element对于表格行的增加、插入、删除

需求:‘顺序增加行’即在表格的最后一行再加一行<div class="text-item"><el-table :data="tableData" stripe style="width: 100%" :header-cell-style="{ background: '#eef1f6' }" <el-table-col

2020-06-22 10:30:51 1213

原创 vue在table表中悬浮显示数据及右键菜单

悬浮显示这个文档里是存在的,但很容易被忽略,先看看效果图鼠标放在哪行,就会弹出相对应的描述。直接看代码//列名及属性名<el-table-column prop="member" label="构件名称">//从json数据调取 <template slot-scope="scope"> //悬浮显示数据 <el-popover trigger="hover" placement="top" > <p>构建描述

2020-06-02 18:05:34 3462

原创 vue中引入css文件

遇到这个问题的时候,我看了很多人的文章,很多都比较复杂,单页面使用是非常简单的,<style> @import url("../../style.css"); @import url("../../assets/bootstrap/css/bootstrap.min.css"); @import url("../../assets/css/animate.css"); @import url("../../assets/pe-icons/css/pe-icon-7-stroke.

2020-05-26 17:40:14 888

原创 vue+Element实现table中点击及双击事件

单击事件<el-table@row-onclick="openDetails"> </el-table>table表格中可有很多属性,这里只写我们要用到的功能,行单击事件script中写方法就可以了methods:{ openDetails(row){ this.row = row; this.$router.push({ path:'/tabs', query:{dis:this.row.id} }); },

2020-05-21 17:47:02 5406 2

原创 vue+Element中手机、密码及邮箱验证

验证首先有需要验证的对象账号注册的点击按钮<el-button @click="newuse">账号注册</el-button>随随便便一个简单的点击事件html中写个弹框<el-dialog title="注册账号" :visible.sync="newsuser" width="30%" @close="resetForm('form')"> <el-form ref="form" :model="form" :rules="rules" l

2020-05-19 09:47:29 1152

原创 vue+Element实现登录随机验证码

验证码验证只是前端,无需后台交互首先,创建一个identify.vue页面,用于写各种:随机数字/字母,随机颜色,干扰点/线下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockvar foo = 'bar';...

2020-05-18 17:04:36 3487 5

原创 vue中选中行数据传递到下个页面

vue:当前行数据传递到跳转后页面使用具体方法this.$router.push('/path')this.$router.push{path:'/path',query:{aa:this.row.id}}this.$route.query.aa使用跳转页面的时候,弹出框不能满足需求,就需要用到**this.$router.push()**去跳转到另一个页面,当然弹出框中可以直接用获取下标的形式来达到需求,跳转页面就需要以行数据获取,并传到下个页面具体方法在跳转的方法中,如果不带参数,用this.

2020-05-18 16:20:08 2331

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除