随笔分类 - Vue
摘要：0.前言 为啥要重写push和replace，主要是你不写他会报错啊，为啥会报错呢，主要是因为函数式路由push方法返回的是一个promise对象，我们知道promise对象是有成功回调和失败回调的，但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本
阅读全文
摘要：不废话上思路 外部el-table-column是基础table模板，里面template slot-scope 的主要作用就是获取table一行的数据信息; 其次要加一个对话框，在对话框里输入数值然后提交就可以传入后台就行数据交互。 <el-table-column label="操作"> <te
阅读全文
摘要：首先要创建el-from表单，在表单中创建两个输入框并双向绑定 首选行内表单: 代码如下： <el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label="审批人"> <el-inp
阅读全文
摘要：先上代码： 首先在整体el-table表格中添加 @selection-change="SelectTableList" 点击事件,这个主要的作用就是当表格被点击时，会调用这个函数; 然后再表格el-table-colum最上方，添加selection选择框，添加之后最左侧就会出现"选择框" <el
阅读全文
摘要：问题1: 更改渲染数据值的名称（不会更改数据库上的值，只是更改渲染的值） 查询数据中如何把数据中的值利用vue语句更改其他名称？例如:如果把等级中：首席讲师更改成高级讲师呢？ 先看代码: 首席外围<el-table-colun>是表格渲染的数据，内部则是更改以上问题的代码 首先要解释下<el-tab
阅读全文
摘要：where 和 if 搭配: where 其实就是表示sql语句中 where的用法; where包围后，就不用在sql语句中加where了; if语句的语法结构：<if test="" ></if> 其中的test就是判断语句。""写语法; <mapper namespace="com.examp
阅读全文
摘要：先上代码： <el-table-column width="300" label="操作"> <template slot-scope="scope"> <el-button class="btn" size="mini" @click="handleEdit(scope.$index, scope
阅读全文
摘要：直接上代码： dropdown 下拉列表，通常是 <el-dropdown-menu> 组件 <template> <div> <el-dropdown @command="handleCommand"> <span class="el-dropdown-link"> 下拉菜单<i class="e
阅读全文
摘要：先上代码： router.beforeEach = 全局路由守卫 // 这个东西叫做路由守卫 // 在我们浏览器上面输入了url地址以后跳转到一个组件去 router.beforeEach((to, from, next) => { //代表用户访问的是登录页面和注册页面 // /resetPass
阅读全文
摘要：监视部分代码: $route(to, From) { console.log(to, From); if (to.path == "/Home") { this.path = ""; this.name = ""; } else { this.path = to.path; this.name =
阅读全文
摘要：今天因为一个bug花费了一天时间，脑容量都快耗没了。那么总结出vue路由配置问题， 第一：使用element ui 菜单栏时，其中 index="" 中输入路由地址值即可跳转到相应的页面; 但前置条件是：<el-menu>中要添加 :router="true" 如果不添加，则无法跳转 第二：关于 V
阅读全文
摘要：<template> <div class="box"> <el-steps :active="1" finish-status="success" simple style="margin-top: 20px" > <el-step title="输入账号"></el-step> <el-step
阅读全文
摘要：转载于：https://blog.csdn.net/qq_38110274/article/details/121242203 作者：我是天之涯 一、总述 computed和watch都是vue框架中的用于监听数据变化的属性。 二、computed计算属性 1、使用方法和data中的数据一样，但是类
阅读全文
摘要：文本转自于：https://blog.csdn.net/weixin_46376652/article/details/125689307 作者：frontEndSmallWhite 一、两种监视方式 1、watch属性直接监视 如果刚开始确定监视对象，在vue中可以直接使用watch属性实现监视
阅读全文
摘要：本文转载自 https://blog.csdn.net/qq_37050372/article/details/124247846 作者：爱米酱 1.常见的键盘事件 keydown:按下键盘，不需要抬起来就会触发 keyup:按下键盘，等键盘抬起来才会触发 e.target.value理解 每次触发
阅读全文
摘要：事件修饰符 顾名思义，“事件修饰符”是用来修饰事件的。Vue.js为v-on提供了事件修饰符，修饰符是由点开头的指令后缀来表示的。 事件修饰符有： .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身(不是子元素)
阅读全文
摘要：对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式： var obj = new Object; //obj = {} obj.name = "张三"; //添加描述 obj.say = function(){}; //添加行为 除了以上添加
阅读全文
摘要：Promise 概述: Promise 是异步编程的一种解决方案，从语法上讲，Promise 是一个对象，从它可以获取异步操作的消息。 Promise是一个构造函数，所以可以 new 出一个Promise的实例； 在Promise上有两个函数 resolve (成功之后的回调函数)和 reject
阅读全文
摘要：前端代码: 代码部分： <template> <div> <el-button size="small" @click="Select()" type="success">查询</el-button> <el-table :data="count" style="width: 100%"> <el-
阅读全文
摘要：<template> <div class="Insert"> <label for="name">名称:</label><input v-model="name" type="text" /> <label for="location">部门:</label><input v-model="loc
阅读全文