李好帅啊-优快云博客

原创 el-input-number中添加suffix

el-input很容易实现下图样式：但是el-input-number现在还不行，因此需要我们自己手动添加。添加后效果如下：实现步骤：给el-input-number添加id，例如rebateInput<el-form-item label="Rebate比率:" > <el-input-number :precision="3" size="mini" v-model="rebate_rate" controls-position="right" id="re

2020-08-24 15:00:01 6778 3

原创 Vue+Elmement点击表格可编辑

<el-table-column align="center" prop="type" label="制造商型号" > <template slot-scope="scope"> <div @click="cellClick(scope.$index,'type')" @mouseout="reback"> <el-input size="small" v-model="scope.row.type" v-if="scope.$

2020-05-15 16:38:38 386

原创 vue.js学习笔记

up主：ilovecoding1. 认识vuevue：读音类似于view，莫说成v-u-e。vue是一个渐进式的框架。vue可以作为应用的一部分嵌入其中，可广泛用于一点一点的项目重构。常见高级功能：解耦视图和数据；可复用组件；前端路由技术；状态管理；虚拟domvue.js安装1.直接cdn应用，参考官方文档。2.下载和引入，参考官方文档。3.nmp安装。vue初学习es6中...

2020-05-12 17:02:11 334

原创 Promise

Promise是异步编程的一种解决方案。一般情况下有异步操作时，使用promise对异步操作进行封装。new Promise(参数) //创建promise实例，参数本身是一个函数new Promise((resolve,reject)=>{ //resolve，reject本身也是函数})//简单使用new Promise((resolve,reject)=>{ r...

2020-05-12 17:01:47 184

原创 JS高阶函数

1. filter函数，过滤filter中的回调函数会返回一个布尔值;返回true时，函数内部会自动将回调是n加入到新数组返回false时，函数内部会过滤掉这次的nconst num = [1,20,350,444,9];let newNum = num.filter(function (n) { return n < 100 })//结果：newNum = [1,20,9]...

2020-05-12 17:00:47 228

原创 Vue.js组件

三个步骤：创建组件构造器 ——> 调用Vue.extend()方法注册组件 ——> 调用Vue.component()方法使用组件 ——> 在Vue实例的作用范围内使用组件 <div id="app"> // 3. 使用组件 <my-cpn></my-cpn> </div><s...

2020-05-12 17:00:05 157

原创 Vue的runtimecompiler和runtimeonly

1. runtime-compilerimport Vue from 'vue';import App from './App.vue'; export default new Vue({ el:'#app', template: '<APP/>', components: {APP} })// 渲染过程 templay...

2020-05-12 16:59:21 133

原创 vue-router

路由的使用index.js//配置路由相关信息import Vue from 'vue';import Router from 'vue-router';//1. 通过Vue.use(插件),安装插件Vue.use(Router);//2. 创建路由对象const router = new Router({ mode: 'history', //默认为hash模式，这里设置...

2020-05-12 16:58:23 146

原创 Vue.js插槽

插槽初级使用和具名插槽看这里添加链接描述标题## 编译作用域父模板中的所有东西都会在父级作用域内编译，子模板的所有东西都会在子集作用域内编译。 <div id="app"> // isShow为true，对应vue实例中app的isShow <my-cpn v-show="isShow"></my-cpn> </div&gt...

2020-05-12 16:57:46 140

原创 Vuex

Vuex是vuejs的状态管理模式。什么情况使用vuex：某个状态需要在多个组件之间共享，例如用户登录状态，用户信息等。store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ //**store是响应式的** state: { ...

2020-05-12 16:57:06 142

原创表格选中行批量删除

直接贴代码toDeleteRow() {this.refs.tableData.selection.sort(function(a,b)//按照index升序排序returna.index−b.index)//console.log(this.refs.tableData.selection.sort(function (a,b) { // 按照index升序排序 ...

2019-12-06 10:20:50 355

原创 sql删除字段a重复且字段b为空的数据

删除id重复且name为空的数据，uuid为key表如下第一：找到重复的idSELECT id FROM z GROUP BY z.id HAVING COUNT(z.id)>1)第二：找到name为空的uuidSELECT z.uuid FROM z WHERE z.name is null第三：删除DELETE FROM zWHERE z.id in (SELECT *...

2019-11-04 15:06:56 599

原创 vue.js自定义指令

1.在入口文件App.vue中定义<template> <div id="app"> <routerView/> </div></template><script>import Vue from 'vue'Vue.directive('has',{ bind(el, binding, v...

2019-10-08 11:21:08 179

原创【element-ui】dialog中使用select，下拉列表被挡住

这个问题是因为下拉框层级太低被挡住了，修改层级就可以了<el-dialog title="增加指标" :visible.sync="adddialogVisible" width="30%" center> <el-fo...

2019-04-28 18:33:40 6415

原创 Element实现击表头控制表格列显隐

点击+号展开表格实现步骤：1. 表格里加入加号减号图标 <el-table-column prop="q1sum" label="Q1" > <te...

2019-04-17 14:04:55 624

nefu1234的博客