小C丶-CSDN博客

原创 element-ui表格内嵌表格，内嵌表格没有数据，隐藏打开按钮

【代码】element-ui表格内嵌表格，内嵌表格没有数据，隐藏打开按钮。

2024-05-24 18:12:11 127

// 打印表格数据 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 801

原创 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 585

原创 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 577

原创 vue的数据代理

数据代理：通过一个对象代理对另一个对象中属性的操作（读/写）Object.defineProperty（object,‘属性名’,{value:“属性值”}）1、Object.defineProperty方法给对象添加属性，所添加的属性不可枚举（遍历），如果想要Object.defineProperty方法给对象添加的属性可枚举，Object.defineProperty方法里面enumerable属性设为true即可；如：Object.defineProperty（object,'属性名',{

2022-02-09 13:52:12 421

原创 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 286

原创 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 353

原创 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 205

原创数组的方法

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 225

原创 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 5632

原创 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 64

原创 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 79

原创 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 568

原创 react项目创建

1、创建工程npm create-react-app -g2、创建项目create-react-app 项目名称3、进入cd 项目名称4、运行npm start

2021-09-10 16:11:22 48

原创前端实现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 798

原创 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 180

原创 vue插件

功能：用于增强vue本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。定义插件：对象.install = function(vue,options){ ... }使用插件：Vue.use()...

2021-09-03 17:27:17 51

原创 vue混合（混入）：mixin

功能：可以把多个组件共用的配置提取成一个混入对象使用方式：第一步：定义混合{ data(){ return{ ... } }, methods(){ ... }, ...}第二步：使用全局引入：import { XXX } from './XXX';Vue.mixin(XXX)局部引入:import { XXX } from './XXX';mixins:[XXX]...

2021-09-03 17:09:21 311

原创 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 73

原创 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 55

原创 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 353

原创 angular的生命周期

当 Angular 实例化组件类并渲染组件视图及其子视图时，组件实例的生命周期就开始了。生命周期一直伴随着变更检测，Angular 会检查数据绑定属性何时发生变化，并按需更新视图和组件实例。当 Angular 销毁组件实例并从 DOM 中移除它渲染的模板时，生命周期就结束了。当 Angular 在执行过程中创建、更新和销毁实例时，指令就有了类似的生命周期。你的应用可以使用生命周期钩子方法来触发组件或指令生命周期中的关键事件，以初始化新实例，需要时启动变更检测，在变更检测过程中响应更新，并在删除实例之前进行

2021-09-01 15:26:19 5500

weixin_52455405的博客