- 博客(16)
- 收藏
- 关注
RSS订阅
原创 5.watchEffect与watch区别
2.watchEffect 无需指定具体属性，自动监听属性变化。1.watch 必须指定监听的具体属性。1.都能监听响应式数据的变化。
2024-07-23 18:16:12
79
原创 4.watch
修改person爱好1</button><button @click="changePersonLike2">修改person爱好2</button><button @click="changePersonLike">修改person爱好
2024-07-23 18:33:32
87
原创 1.ref与reactive定义响应式数据
let car = reactive({name: '宝马X5', price: 100})// 不能更新数据// car = {name: '宝马X5',price: 120}Object.assign(car,{name: '宝马X5', price: 120})
2024-07-23 09:40:30
47
原创 Mapbox GL如何将地图导出为图片？
Mapbox GL如何将地图导出为图片？方法一：设置preserveDrawingBuffer:true,a标签动态添加href；方法二：通过html2canvas截图方法一：设置preserveDrawingBuffer:true,a标签动态添加href；HTML <a :href="urlImg" download="map.png"> <i class="iconfontMain icon-piliangdaochu-75"></i>
2021-11-10 16:40:24
4153
1
原创 el-table如何动态生成合并表头？
el-table如何动态生成合并表头？场景描述需求分析代码实现场景描述在实际开发过程中，部分表头是根据页面中的某个参数动态生成的，常见于报表类；需求分析代码实现<template> <div> <el-table :header-row-style="{background:'#ECF6FF',color:'#041D4B'}" :row-style="{fontFamily:'MicrosoftYaHei',fontSize:
2021-11-02 18:56:43
791
原创 vue2-org-tree如何自定义内容？
vue2-org-tree如何自定义内容？效果图展示代码实现效果图展示代码实现<template> <div id="tree_wrap_org"> <vue2-org-tree :data="orgData" :selectedKey="id" :horizontal="true" :renderContent="renderContent" />
2021-11-02 16:37:10
2279
原创 el-tree父节点状态影响其子节点，子节点的选中状态不影响其父节点
el-tree父节点状态影响其子节点，子节点的选中状态不影响其父节点效果图代码实现效果图代码实现 <el-tree ref="placeTree" class="filter-tree tree check_tree" :data="placeChoose" show-checkbox node-key="id" default-expand-all check-strictly @check="checkPla
2021-11-01 19:08:07
1348
原创 Mapbox GL如何添加 / 删除 /高亮图层？
WebGIS如何添加图层？初始化地图添加图层删除图层初始化地图 initMap() { let vm = this; let p = new Promise((resolve, reject) => { resolve([vm.getAreaData()]); }) p.then(res => { Require(['Axios', 'PSRMap', 'ResourceQuery', 'SpatialAnaly
2021-10-21 11:38:38
2552
2
原创 el-table多个表格切换显示时表格渲染错乱
el-table多个表格切换显示时表格渲染错乱el-table 包裹在template中，通过template控制表格的显示与隐藏el-table 添加key属性如上图所示，通过下拉切换显示不同的表格，点击编辑显示多选框，当编辑完之后，表格显示错乱，解决方式代码如下： <tempalte v-if="selectTypeValue === '1'"> <el-table :data="
2021-07-29 19:13:01
2628
原创 css画一个三角形
css画一个三角形将盒子box宽高设为0，并分别设置四个边框，如下所示： .box{ width: 0px; height: 0px; border-left: 5px solid lightblue; border-top: 5px solid lightcoral; border-right: 5px solid lightgreen; border-bottom: 5
2021-03-16 17:00:44
89
原创 css清除浮动的方法
css清除浮动的方法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <
2021-03-10 18:59:25
88
原创 vue如何自定义全局插件？
在vue项目中，我们可以通过vue.use()的形式注册全局组件，本篇来讲一下如何通过install的形式开发全局插件；目录结构：实现效果：Dialog.vue<template> <div class="messageBox" v-if="show"> <div class="inner"> <div class="t...
2019-09-02 10:50:53
1163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人