- 博客(93)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 dialog模版
<template> <div> <el-dialog title="提示" :visible="dialogVisible" width="30%" @close="cancle(false)" > <span>这是一段信息</span> &l...
2019-09-05 15:37:03
327
原创 express 1
const express = require('express')const app = express()const port = 3000app.get('/', (req, res) => res.send('<!DOCTYPE html>\n' + '<html lang="en">\n' + '<head>\n' +...
2019-09-01 09:41:42
167
原创 Notification通知的值可以动态改变
<template> <div class="hello"> <template> <el-button plain @click="open1"> 可自动关闭 &...
2019-08-21 11:28:01
1146
原创 .sync Modifier
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...
2019-07-23 14:38:25
263
原创 1-2 Vue Instance
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">&l...
2019-07-17 14:08:02
184
原创 1-1 Vue Introduction
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...
2019-07-17 11:35:42
121
原创 vue 中多接口请求时 按顺序执行接口使用await async
async getSelectOrg () { console.log('----1') return axiosPost('/api/uum/org/orglist', { accessToken: localStorage.token, option: true}).then(response => { this.options_...
2019-07-16 10:36:27
17087
2
原创 合计 el-table
/deep/ .el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td{ background: white; font-size: 12px; text-align: center;}/deep/ .el-table--border td, .el-table--border th, .el-t...
2019-07-05 17:05:43
870
原创 el-tab
/deep/ .el-tabs--card > .el-tabs__header { border-bottom: 1px solid transparent;}/deep/ .el-tabs__item { border: 1px solid #4DA1FF; height: 32px; line-height: 32px; font-size: 12px;...
2019-07-05 15:09:56
374
原创 import export用法
---print.jsexport default function printMe() { console.log('I get called from print.js!');}---index.jsimport _ from 'lodash'; import printMe from './print.js';function compone...
2019-07-04 14:04:24
339
原创 npm uninstall 卸载npm包
The package name changed fromvue-clito@vue/cli. If you have the previousvue-cli(1.x or 2.x) package installed globally, you need to uninstall it first withnpm uninstall vue-cli -goryarn global ...
2019-07-03 17:30:10
11047
原创 split chunks
----------------step1---const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin'); // 生成index.htmlconst {CleanWebpackPlugin} = require('clean-webpack-plugin'); //清空di...
2019-06-28 11:02:55
202
原创 async用法 import print.js 懒加载（按钮点击时引入js文件）
- function getComponent() {+ async function getComponent() {- return import(/* webpackChunkName: "lodash" */ 'lodash').then({ default: _ } => {- const element = document.createElement('di...
2019-06-28 10:24:07
620
原创 Hot Module Replacement热模块替换
一、package.json{ "name": "webpack-demo", "version": "1.0.0", "description": "", "private": true, "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "watch"...
2019-06-28 09:17:36
696
原创 element级联列表 CascaderPanel Slots props使用
CascaderPanel Slots<el-cascader v-model="addForm.supplier" :options="options_supplier" :props="{ value: 'id',label:'name',children:'accounts' }" @change="handleChange"/>
2019-06-22 20:23:12
11552
8
原创 await搭配promise使用
<template> <div> <span>{{ x }}</span> <br> <span>{{ y }}</span> <br> <h1>-----------</h1> <button @click="foo">clic...
2019-06-21 17:48:21
2816
原创 strict process.env.NODE_ENV 严格模式
import Vue from 'vue'import Vuex from 'vuex'import cart from './modules/cart'import products from './modules/products'import createLogger from '../../../src/plugins/logger'Vue.use(Vuex)const d...
2019-06-21 11:25:20
1520
原创 element 表格全选样式
./deep/ .el-checkbox__input .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { border-radius: 10px; background-color: rgba(181, 190, 222, 1); border-color: ...
2019-06-20 09:43:53
1107
原创 最简单的尝试
npm install vuex --save 一、新建store/index.jsimport Vue from "vue";import Vuex from "vuex";Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }, mutations: { incremen...
2019-06-17 15:04:50
118
原创 站牌 站点 地图图表的删减
<template> <div> <div><span class="menus">运维管理 > 线路管理编辑</span><span class="route_name">线路名称: {{ routeParams.routeName }}</span></div> &l...
2019-06-13 14:54:35
40
转载 Vue-给对象新增属性（使用Vue.$set()）转载
在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。受现代 JavaScript 的限制 (以及废弃 Object.observe)，Vue 不能检测到对象属性的添加或删除。由于 Vu...
2019-06-13 09:45:52
2547
1
转载 使用element中的table组件，如何单击某一行数据时选中对应的复选框
<el-table @row-click="clickRow" ref="moviesTable" :data="insertModel.tableData" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"/> ...
2019-06-12 18:07:16
3056
原创 查询 表格模版
<template> <div class="container"> <div class="sel"> <el-form ref="queryForm" :model="queryForm" :inline="true" size="small" label-width="100px"> <el-...
2019-06-08 16:47:47
235
原创 el-scrollbar设置滚动条颜色
/deep/ .table_device { .el-scrollbar__thumb { background-color: #b5bedd; }}/deep/ .table_line { .el-scrollbar__thumb { background-color: #b5bedd; }}<el-scrollbar ref="gcScr...
2019-06-06 16:57:07
4339
3
原创 element dialog坑
<el-dialog v-loading="dialoading" :visible.sync="dialogFormVisible" width="410px" @close ="m_show(false)">m_show(visi) { // 关掉父元素的对话框 this.$refs['randomInstruct'].resetFields() t...
2019-05-29 15:57:15
1739
原创 tab选项卡使用el-radio
<div class="tab_container"> <el-radio-group v-model="tab" size="small"> <el-radio-button label="行程记录"/> <el-radio-button label="订单详情"/> <el-radio-button ...
2019-05-10 09:52:44
983
原创 mac webstorm eslint自动修正vue js格式 插件(19年4月亲测有用)
安装eslint插件，配置如下配置好上述即可。右键文件会出现相应选项。或者点击code menu ,也会出现相应选项。可以设置快捷键修改文件（使用不正确的格式）ctrl+s ，then 可以使用自己配置的快捷键，文件就被修正了。...
2019-04-13 16:48:34
1660
原创 jQuery选择器之属性筛选选择器
属性筛选选择器 [att=val]、[att]、[att|=val]、[att~=val] [att=val] [att] [att|=val]
2017-03-22 19:52:47
269
原创 jQuery选择器之基本筛选选择器
基本筛选器 :first/:last/:even/:odd div:first :even :odd :even
2017-03-22 19:21:12
186
原创 css隐藏原速
我们有几种方式可以隐藏一个元素：CSS display的值是none。type="hidden"的表单元素。宽度和高度都显式设置为0。一个祖先元素是隐藏的，该元素是不会在页面上显示CSS visibility的值是hiddenCSS opacity的指是0
2017-03-21 19:59:36
203
原创 jQuery选择器之表单元素选择器
input{ display: block; margin: 10px; padding:10px; } 子元素筛选选择器 input、text、password、radio、checkbox submit、image、reset、b
2017-03-21 19:30:09
277
翻译 jQuery选择器之全选择器（*选择器）
在CSS中，经常会在第一行写下这样一段样式* {padding: 0; margin: 0;}通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素描述：$( "*" )抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到不
2017-03-21 18:58:25
243
原创 jQuery选择器之元素选择器
元素选择器：根据给定（html）标记名称选择所有的元素描述：$( "element" )搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持右边编辑器代码所示：第一组：通过getElementsByTagName方法得到页面所有的元素var divs = document.getEleme
2017-03-21 18:48:59
185
原创 jQuery选择器之类选择器
$( ".class" )类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较我们
2017-03-21 18:47:14
188
原创 jQuery选择器之id选择器
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的 div { width: 100px; height: 90px; float: l
2017-03-21 18:44:26
805
原创 新增删除removeChild
new document function deleate_a(){ var x=document.getElementById("ida").childNodes; for(var i=x.length-1;i>0;i--){ y=x[i]; document.getElementById
2017-03-19 17:00:13
1354
原创 打开网址
prompt function rec(){ var mymessage= confirm("你是女士吗？") ; if(mymessage==true) { var score; //score变量，用来存储用户输入的成绩值。score = prompt("请输入你的成绩：","http://www.imooc.com")
2017-03-16 19:03:54
459
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人