- 博客(94)
- 资源 (1)
- 收藏
- 关注
原创 使用React脚手架时npx遇到问题解决问题
请注意,根据历史信息,淘宝npm镜像原地址 https://registry.npm.taobao.org 在2022年6月30日后已不再可用,因此应使用新地址 https://registry.npmmirror.com/由于网络问题通常是导致速度慢的主要原因,更换到国内镜像源可以显著提高下载速度。1. 使用国内镜像源。
2025-01-04 12:45:31
269
原创 dialog模版
<template> <div> <el-dialog title="提示" :visible="dialogVisible" width="30%" @close="cancle(false)" > <span>这是一段信息</span> &l...
2019-09-05 15:37:03
376
原创 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
224
原创 Notification通知的值可以动态改变
<template> <div class="hello"> <template> <el-button plain @click="open1"> 可自动关闭 &...
2019-08-21 11:28:01
1523
原创 .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
306
原创 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
233
原创 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
158
原创 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
17697
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
968
原创 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
494
原创 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
604
原创 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
11468
原创 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
246
原创 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
681
原创 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
731
原创 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
12155
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
2913
原创 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
1581
原创 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
1153
原创 最简单的尝试
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
149
原创 站牌 站点 地图图表的删减
<template> <div> <div><span class="menus">运维管理 > 线路管理编辑</span><span class="route_name">线路名称: {{ routeParams.routeName }}</span></div> &l...
2019-06-13 14:54:35
61
转载 Vue-给对象新增属性(使用Vue.$set())转载
在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。由于 Vu...
2019-06-13 09:45:52
2627
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
3117
原创 查询 表格模版
<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
281
原创 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
4657
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
1806
原创 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
1072
原创 mac webstorm eslint自动修正vue js格式 插件(19年4月亲测有用)
安装eslint插件,配置如下配置好上述即可。右键文件会出现相应选项。或者点击code menu ,也会出现相应选项。可以设置快捷键修改文件(使用不正确的格式)ctrl+s ,then 可以使用自己配置的快捷键,文件就被修正了。...
2019-04-13 16:48:34
1698
原创 jQuery选择器之属性筛选选择器
属性筛选选择器 [att=val]、[att]、[att|=val]、[att~=val] [att=val] [att] [att|=val]
2017-03-22 19:52:47
306
原创 jQuery选择器之基本筛选选择器
基本筛选器 :first/:last/:even/:odd div:first :even :odd :even
2017-03-22 19:21:12
214
原创 css隐藏原速
我们有几种方式可以隐藏一个元素:CSS display的值是none。type="hidden"的表单元素。宽度和高度都显式设置为0。一个祖先元素是隐藏的,该元素是不会在页面上显示CSS visibility的值是hiddenCSS opacity的指是0
2017-03-21 19:59:36
236
原创 jQuery选择器之表单元素选择器
input{ display: block; margin: 10px; padding:10px; } 子元素筛选选择器 input、text、password、radio、checkbox submit、image、reset、b
2017-03-21 19:30:09
318
翻译 jQuery选择器之全选择器(*选择器)
在CSS中,经常会在第一行写下这样一段样式* {padding: 0; margin: 0;}通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素描述:$( "*" )抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到不
2017-03-21 18:58:25
273
原创 jQuery选择器之元素选择器
元素选择器:根据给定(html)标记名称选择所有的元素描述:$( "element" )搜索指定元素标签名的所有节点,这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持右边编辑器代码所示:第一组:通过getElementsByTagName方法得到页面所有的元素var divs = document.getEleme
2017-03-21 18:48:59
211
原创 jQuery选择器之类选择器
$( ".class" )类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较我们
2017-03-21 18:47:14
213
原创 jQuery选择器之id选择器
id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的 div { width: 100px; height: 90px; float: l
2017-03-21 18:44:26
844
原创 新增删除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
1404
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人