- 博客(16)
- 收藏
- 关注
原创 element 树形表格行列转换(行列转换系列2)
我们上篇文章写的是关于element普通表格的行列转换,下面我们开始写element树形表格的行列转换实现效果:首先:我们通过element的官方文档中可以看出、当row 字段中包含children字段时,会被当做树形数据,但是前提必须指定一个唯一的 row-key ,意思是不管父级还是子级,都要有row-key指定的字段且不能重复,同时也要在tree-props 中指定children 与 hasChildren(用于懒加载)row-key="id":tree-props="{ childr.
2022-05-31 17:47:22 952
原创 element 普通表格行列转换(行列转换系列1)
因为用户的使用习惯、最近小白新完成的一个系统,里面使用的element的表格基本都是行列的表格,因此就想着整理一下,其中包括了,后端应该给的数组格式,以及前端如何渲染这就是渲染后的样式首先在elementui中 label 的值会被编译成表头名字,数组是按列逐个渲染,因此后端传过来的数组格式为 一个大数组里面有多个小数组,第一个数组为表头名称,其余数组为每行的数据值Data=[['产品产量(吨)\时间','2022-04-11','2022-04-12','2022-04-13','2022-.
2022-05-31 14:48:08 3724
原创 three.js 3D卡片化按钮,点击事件不触发
使用THREE.CSS3DObject(DOMElement) 可以将按钮 Dom 元素转换为 object3D,结果却发现添加点击事件不触发,但是mousedownd事件却可以触发所以怀疑时three.js 版本的问题,现在我的版本为 “three”: “^0.137.5”,,随后将版本调整为 0.112.0点击事件就可以正常触发了...
2022-02-24 13:19:56 1965
原创 three.js 绘制边框线
vue+three.js边框线是在模型上添加一个边框,而不是发光呼吸灯,如果需要模型发光效果可以看一下我的另一篇文章 模型发光效果图:var material = new THREE.MeshPhongMaterial({ color: 0xccebff, specular: 0x00ff00, transparent: true, opacity: 0.5 }) var geometry = new THR
2022-02-23 17:34:32 3098 2
原创 three.js根据模型动画帧数切割动画
注意在帧数切割时,某段动画帧数是开区间,若0-15 则在切割时最好是到0-16 generateFBX(v, maxTime, startTime) { var loader = new FBXLoader() loader.load('FBX/tt1.FBX', (mesh) => { mesh.scale.set(20, 20, 20) mesh.position.set(0, 300, 0) this.mixer =
2022-01-26 10:34:44 1831 1
原创 vue3中reactive响应式在接口数据赋值后丢失响应式
reactive响应式数据赋值丢失响应式问题解决方式:把let cartList=reactive<Array>([])改成let cartList=ref<Array>([]),赋值时变成cartList.value=res.data<script setup lang="ts">import { ref, reactive, onMounted } from 'vue'import { useRouter, useRoute } from 'vue-rout
2022-01-14 13:04:39 2164
原创 vant的地址编辑组件van-address-edit关于地区areaList的问题
在vue3中使用vant在安装vant的时候没有附带下载该地址列表,在使用时需要自己手动下载省市区数据npm i @vant/area-data -D安装完成之后在页面导入import { areaList } from '@vant/area-data'; <van-address-edit :area-list="areaList" :address-info="addressInfo" :show-delete="type === 'edit'"
2022-01-13 13:20:20 2840
原创 elementui实现标签页与菜单栏联动
技术:vue2+vuex+elementuistore/index.js文件里import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { tabList:[] }, mutations: { addTab: (state, tab) => { // 如果tab已经存在,不添加新的tabs if (st
2022-01-06 13:42:11 2648 4
原创 vite2使用elementPlus图标显示问题
我的vite版本2.7.2elementPlus版本:1.3.0-beta.1在练习项目的时候发现,elementPlus的图标不显示,百度后的答案一般都是建议降vite的版本,但透过查看elementPlus的手册发现需要安装图标插件npm install @element-plus/icons-vuenpm install @element-plus/icons-vueyarn add @element-plus/icons-vuepnpm install @element-plus/ico
2022-01-04 16:12:27 1421
原创 vue+three.js实现模型发光、视角改变、相机移动、管道流动动画
canvas1 canvas2 canvas3 import { EffectComposer } from ‘three/examples/jsm/postprocessing/EffectComposer.js’import { RenderPass } from ‘three/examples/jsm/postprocessing/RenderPass.js’import { OutlinePass } from ...
2021-12-27 16:20:33 5356 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人