- 博客(61)
- 资源 (2)
- 收藏
- 关注
原创 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent c
报错翻译:避免直接更改一个prop,因为每当父组件重新渲染时,该值都会被覆盖。相反,应使用基于prop值的数据或计算属性。解决办法,使用基于prop的值,即把名为activeId的prop的值放在另一个变量中,对那个变量进行修改,不修改activeId。调用组件页面不用更改,仅修改组件。声明一个新的变量activeTemp,对它进行修改。activeId为传递的值,用于存放某一页导航选中的索引记录。该页面为农机管理,activeId等于1。上述代码报错,以下是修改。3、调用组件页面代码。
2023-11-28 13:55:25
6018
1
原创 vue建立组件无校验版
有两个要传递的参数,选项名tabTitle,激活的选项索引activeIndex.还有一个要传递的事件handleChange,该事件有一个参数index。组件:文件src/components/TabBlock/index.vue。
2023-11-28 09:24:23
607
原创 el-table样式
其中样式frameBordStyle是深色背景框,不负责表格样式,表格样式由tableStyle负责。1、实现效果,外部框是蓝绿色边框,深色背景,里面的表格首先设置透明色,然后应用自定义斑马纹。里写下行样式函数,奇数行与偶数行运用不同样式。
2023-11-01 10:00:58
999
原创 vue引入字体
这个与两个字体,优设标题黑和DIN字体,font.css用于给字体取名,将字体引入网站。1、在src/assets文件夹下新建一个font文件夹,放入字体文件与配置文件。在main.js引入。
2023-10-30 14:57:39
623
原创 若依前端分离版使用1
挑出ruoyi-ui文件夹,只使用该文件夹作为前端项目。git clone 或者下载压缩包,将文件下载下来。login页面的验证码开关改为false,将代理的目标地址改为后端接口服务器地址。打开ruoyi-ui,下载依赖。
2023-10-18 09:59:36
186
原创 mapbox绘制多边形
这里的feature是一个json文件,已经上传服务器,根据url引入,内容格式如下。绘制一个填充的多边形,再描个边框。
2023-07-17 17:08:24
1168
原创 mapbox的layers
类型,有background(地图背景色或模式), fill(可以描边的填充多边形), line(线), symbol(图标或文字标签), raster(栅格地图纹理比如卫星地图), circle(填充圆), fill-extrusion(拉伸3D多边形), heatmap(热图), hillshade(山体阴影), sky(球形圆顶在所有图层底部)————————未完待续————————1、layers的结构。
2023-07-17 16:46:13
579
原创 echarts环形图两层
这里扇形之间的间隔用边框实现效果,将边框设为一定宽度,再将颜色设为背景色,就好像扇形之间有距离了一样。环形图,有两层环形,扇形之间有间隔,中间是标题,图例是自定义图片。在template里写一个盒子放图表。在methods写一个配置图表函数。在style里设置盒子尺寸。在data中声明一个变量。
2023-07-13 14:33:42
1286
原创 echarts条形图动态显示2
相关函数:配置图表函数,自动播放函数,停止播放函数,继续播放函数。1、实现效果,条形图自动滚动,鼠标移入停止滚动,移出继续滚动。声明的变量:图表,图表数据与定时器。设置基础数据,并调用函数。
2023-07-13 13:30:18
219
原创 echarts条形图动态显示
为了使左侧的类目和柱子同步变化,左侧类目不写成y轴标签,而写成柱子的标签,即在series里写标签。条形图有两个柱子,一个蓝色柱子,一个灰色柱子,两个柱子重合,且蓝柱子在上面。使用datazoom,一次展示5项数据,轮流展示每2s刷新一次。每次展示5个,轮流展示。
2023-07-12 14:07:10
892
原创 echarts图表进度条类型图
x轴不显示,y轴的axisLabel用富文本,显示机器与台数;图表有两个数据组,分别用蓝色和灰色表示,两个柱子重合,灰色柱子在蓝色柱子下面;灰色柱子的label用富文本,显示占比。在methods里写个配置图表的函数,输入参数为dataAll,包含了机具的类型、数量、占比等信息。dataPercent: dataPercent,//占比。左边是类别、数量,中间类似于进度条,右边是所占百分比。(1)在template里写个容器。dataX: dataX,//类别。dataY: dataY,//数量。
2023-07-11 16:57:37
4269
原创 mapbox的一些属性
地理空间特征是一个或者一组几何图形集合(点、线、多边形等等),它由两个属性确定:properties与geometry,properties是属性,即一些数据信息,geometry是几何图形,即这个feature的形状和位置信息。备注:添加source到地图map或到layer图层上还不能显示出来,你要为特征feature添加一些样式,比如颜色宽度之类的。样式图层,存在于地图的样式中,当它被渲染时,它所引用数据源也应该被展示在地图上。几何图形,可以是点,线,多边形等等。例子的几何图形是个点。
2023-07-05 13:10:30
472
原创 js引入json文件
获取url:“https://asc-test1.oss-cn-beijing.aliyuncs.com/2023/07/05/b1917481d4eb40628bc6d10113896d82taizhou.json”2、上传到服务器获得url(也可以不上传)也可以不上传到服务器,直接把文件放入项目。在created方法里调用。
2023-07-05 10:21:44
5586
原创 vue使用mapbox地图
写一个盛放地图的盒子id=“mapbox”,然后引入地图,import{map,loadMap},之后加载地图,loadMap('‘mapbox’)在api/map文件夹下新建mapbox.js文件。2、引入mapBox,将引入的内容封装为js文件。3、所需页面调用地图。
2023-07-04 17:09:03
1540
1
原创 选择框下拉分页
2、准备几个对象,在data里。queryParamsLand是接口需要的参数,pageGroupLand是我们分页要用的参数,其中pageIndex是页码,totalPage是总页数,比如35块地,每页10条,总页数就是4页。选择框选择地块,下拉列表有35条地块,不是一次性加载完,而是每次显示10条数据,当鼠标滑到底部时加载下一页。3、写一个获取指定页码地块列表的函数。输入参数是pageIndex,即页码。4、定义loadMore指令,directives与created平级。
2023-06-20 15:13:25
503
原创 vue路由跳转
需要跳转的页面path为alert/list, name为alertList。(2)当前页面是alert模块的页面时 ,可以用下面的,将list拼到url上。当前页面是任意页面均可调用。2、根据名称跳转,任意页面均可跳转。
2023-06-15 17:06:58
116
原创 pnpm : 无法加载文件 C:\Users\lenovo\AppData\Roaming\npm\pnpm.ps1
Hbuilder无法运行pnpm
2022-08-31 14:00:42
1260
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人