- 博客(31)
- 收藏
- 关注
原创 elementUi级联选择Cascader组件获取全路径对应汉字名称
【代码】elementUi级联选择Cascader组件获取全路径对应汉字名称。
2025-02-08 10:45:34
234
原创 前端JS表格打印和导出
// 打印表格数据 public printTable(){ let tableToPrint = document.getElementById('tab');//将要被打印的表格 let newWin= window.open("");//新打开一个空窗口 newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口 newWin.document.close();//在IE浏
2022-05-09 11:14:45
929
原创 vue的监视属性
watchwatch:{ abc:{//abc为监视属性 immediate:true,//初始化时让handler调用一下 handler(newValue,oldValue){ ... } }}1、当被监视的属性发生变化时,回调函数自动调用,进行相关操作;2、监视属性必须存在才能进行监视;深度监视data{ numbers:{ a:1, b:1 }},//监视多级结构中某个属性的变化watch:{ 'numbers.a':{ handle
2022-02-09 15:46:24
647
原创 vue的计算属性
computed在computed中,当有人读取fullName时,get就会被调用,且返回值就是sum的属性值;get什么时候调用?1、初次读取fullName时;2、所依赖的数据发生变化时,这个地方就是指this.firstName和this.lastName.set什么时候调用?1、当fullName被修改时。如: data:{ firstName:张, lastName:三 }, computed:{ fullName:{ get(){ ret
2022-02-09 14:32:18
648
原创 vue的数据代理
数据代理:通过一个对象代理对另一个对象中属性的操作(读/写)Object.defineProperty(object,‘属性名’,{value:“属性值”})1、Object.defineProperty方法给对象添加属性,所添加的属性不可枚举(遍历),如果想要Object.defineProperty方法给对象添加的属性可枚举,Object.defineProperty方法里面enumerable属性设为true即可; 如:Object.defineProperty(object,'属性名',{
2022-02-09 13:52:12
474
原创 vue的MVVM模型
1、M:模型(Model):对应data中的数据;2、V:视图(View):模板;3、VM:视图模型(ViewModel):Vue实例对象;注:1、data中所有的属性,最后都出现在了vm身上;2、vm身上所有的属性及vue原型上所有的属性,在vue模板中都可以直接使用。...
2022-02-09 10:47:25
328
原创 vue的数据绑定
一、v-bind指令 数据单向绑定,data数据发生改变,页面绑定值跟随改变,但是页面绑定值发生改变,data数据不会跟随改变;二、v-model指令双向数据绑定,data数据发生改变,页面绑定值随之改变,页面绑定值发生改变,data数据也会随之改变;注意:v-model一般用于表单元素并且有value的标签上(如input、select等);v-model:value可以简写为v-model,因为v-model默认收集的就是value值;...
2022-02-09 09:33:38
392
原创 ES6 async 函数
asyncasync 是 ES7 才有的与异步操作有关的关键字,和 Promise , Generator 有很大关联的.语法async function name([param[, param[, ... param]]]) { statements }name: 函数名称。param: 要传递给函数的参数的名称。statements: 函数体语句返回值async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数。async function helloAsyn
2021-10-28 10:53:07
244
原创 数组的方法
1、forEach()此函数和 类似于 for 循环,没有返回值,用来遍历数组;let array = [1,2,3,4,5,6];let sum = 0;array.forEach((item) => { sum += item;});console.log(sum);//21;2、map()①map()方法一定要有一个返回值,没有返回值的话就会返回一个undefined;②map()方法的返回值是一个数组;let arr = [{id:1,name:"tom"},{id:2
2021-10-27 17:35:59
309
原创 vue配置代理
方法一在vue.config.js中添加如下配置:devServer:{ proxy:'http://localhost:5000'}说明:1、有点:配置简单,请求资源时直接发给前端(8080)即可。2、缺点:不能配置多个代理,不能灵活得控制请求是否走代理。3、工作方式:若按照上述配置代理,当请求了前端不存在得资源时,那么该请求会转发给服务器(优先匹配前端资源)方法二编写vue.config.js配置具体代理规则:module.exports = { devServer:{ p
2021-09-28 09:40:14
5714
原创 vue全局事件总线
一种组件间的通信方式,适用于任意组件间通信1、安装全局事件总线new Vue({ ... beforeCreate(){ vue.prototype.$bus = this } ...})2、使用事件总线1、组件A想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身methods:{ demo(){ ... }},mounted(){ this.$bus.$on('xxx',this.demo)}2、提供数据this.$bus.$emit(
2021-09-14 09:56:00
88
原创 vue自定义事件
1、组件间一种传值的方式:子组件==>父组件2、使用场景:子组件想给父组件传值,那么就要在父组件给子组件绑定自定义事件3、绑定自定义事件第一种方式:<Demo @pDemo='sDemo'></Demo>第二种方式:<Demo ref='demo'></Demo>...mouted(){ this.$refs.demo.$on('pDemo',this.sDemo)}如果只想要事件触发一次,可以使用once修饰符或者$once4
2021-09-13 13:58:29
108
原创 react数组遍历与onClick()点击事件
import { Component } from 'react';const user = [ { name:'Tom', age:18, sex:'男' }, { name:'alice', age:18, sex:'女' }, { name:'Time', age:18, sex:'女' }]class
2021-09-10 17:45:58
647
原创 react项目创建
1、创建工程npm create-react-app -g2、创建项目create-react-app 项目名称3、进入cd 项目名称4、运行npm start
2021-09-10 16:11:22
85
原创 前端实现geoJson与wkt格式互转
npm install terraformer-wkt-parser --saveimport WKT from "terraformer-wkt-parser"var geometryWKT = "POLYGON ((100.0 0.0, 101.0 0.0, 101.0 1.0, 100.0 1.0, 100.0 0.0), (100.2 0.2, 100.8 0.2, 100.8 0.8, 100.2 0.8, 100.2 0.2))"var geometryGeojson: { geo
2021-09-09 09:50:42
925
原创 angular中修改表格单条信息
<div class="regional_body"> <div class="regional_left"> <div class="jurisdiction_list"> <div class="jurisdiction_name">单位管辖列表(29)</div> <div class="list_add add" (click)='newDuty()'>
2021-09-08 16:50:00
250
原创 vue插件
功能:用于增强vue本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。定义插件: 对象.install = function(vue,options){ ... }使用插件:Vue.use()...
2021-09-03 17:27:17
80
原创 vue混合(混入):mixin
功能:可以把多个组件共用的配置提取成一个混入对象使用方式:第一步:定义混合{ data(){ return{ ... } }, methods(){ ... }, ...}第二步:使用全局引入:import { XXX } from './XXX';Vue.mixin(XXX)局部引入:import { XXX } from './XXX';mixins:[XXX]...
2021-09-03 17:09:21
426
原创 vue父组件向子组件传值
1.首先在父组件标签上自定义一个属性<div name='nameData'></div>2.在子组件利用props接收父组件传过来的nameData第一种(只接收):props:['nameData']第二种(限制类型):props{ nameData:String}第三种(限制类型、限制必要性、指定默认值):props{ nameData{ type:String//类型 required:true//必要性 default:'Tom'//默认值
2021-09-03 16:35:20
101
原创 Syntax Error: TypeError: this.getOptions is not a function
报错截图安装的scss-loader 版本太高,卸载安装低版本即可:npm uninstall --save sass-loader // 卸载npm i -D sass-loader@8.x // 安装npm uninstall --save node-sass // 卸载npm i node-sass@4.14.1 //
2021-09-02 14:57:49
82
原创 vue中引入高德地图,水滴定位点
1.安装vue-amapnpm install vue-amap --save2.在入口文件main.js引入import AMap from 'vue-amap';Vue.use(AMap);AMap.initAMapApiLoader({ // 高德key key: '你的key', // 插件集合 (插件按需引入) plugin: ['AMap.Geolocation'],})3.组件代码<template> <div class="amap-
2021-09-02 14:31:08
410
原创 angular的生命周期
当 Angular 实例化组件类并渲染组件视图及其子视图时,组件实例的生命周期就开始了。生命周期一直伴随着变更检测,Angular 会检查数据绑定属性何时发生变化,并按需更新视图和组件实例。当 Angular 销毁组件实例并从 DOM 中移除它渲染的模板时,生命周期就结束了。当 Angular 在执行过程中创建、更新和销毁实例时,指令就有了类似的生命周期。你的应用可以使用生命周期钩子方法来触发组件或指令生命周期中的关键事件,以初始化新实例,需要时启动变更检测,在变更检测过程中响应更新,并在删除实例之前进行
2021-09-01 15:26:19
5583
原创 Angular项目创建
一、安装安装node.js选择一个命令工具npm、cnpm、yarnnpm:npm config registry https://registry.npm.taobao.orgcnpm:npm install -g cnpm --registry=https://registry.npm.taobao.orgyarn:npm install yarn -g 切换淘宝镜像源:yarn config set registry https://registry.npm.taobao.org
2021-08-30 10:25:10
1110
原创 nrm ls 报错internal/validators.js:120 throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value);
报错截图先检查Node是否已经安装完成:node -v从截图中可以看出,错误出现在cli.js第17行找到文件所在目录:打开文件找到报错的第17行,注掉原17行改为如图://const NRMRC = path.join(process.env.HOME, '.nrmrc');(注掉)const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');
2021-08-18 12:55:08
387
原创 AngularJS
ng-app(指令):告诉angular核心管理当前标签所包含的整个区域,并且会自动创建$rootScope根作用域对象;ng-model:将当前输入的值与谁关联(属性名,属性值),并作为当前作用域对象($rootScope)的属性;{{}}表达式:显示数据,从作用域对象的指定属性名上取。双向数据绑定:数据可以从view(视图层)流向model(模型),也可以从model流向view 视图(view):也就是我们所说的页面(主要是angular指令和表达式); 模型(model):作用域对象
2021-08-15 18:40:54
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人