发际线往后走的大头-优快云博客

原创 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 272

原创 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 2157

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

显示与隐藏图片直接上代码吧！！！！<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 1703

原创 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 1295

原创 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 3662

原创 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 1016

原创 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 5660 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 1631

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

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

2020-05-18 17:04:36 3695 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 2522

qq_46951524的博客