- 博客(25)
- 收藏
- 关注
原创 ECharts 鼠标悬浮 显示数据和自定义图片
时间 : ${params[0].name}${params[0].seriesName} : ${params[0].value}
2024-09-06 17:10:13
713
原创 elementui Tooltip 文字提示 自定义修改
el-table-column label="视频文案" width="220" prop="videoWord">在修改之前要新创一个。
2024-08-29 18:04:39
584
原创 sessionStorage 存值 和 拿值
先把值保存到 sessionStorage.setItem('userData', JSON.stringify(dataToSend));在对应的页面拿出存入的值 const storedData = sessionStorage.getItem('userData');
2024-07-30 17:57:05
177
原创 动态修改el-select 选中的值字体颜色 和下拉框字体颜色
在.el-select 使用div 包裹 动态添加类名 根据scope.row.taskLevel 值添加不同的类名。在el-option 里边添加:style="{ color: priorityColor(item.value) }"return 'orange';// 紧急 - 红色。虽然办法笨 但可行。
2024-07-30 17:50:06
2127
原创 vue2 判断是移动端还是pc端 如果是移动端就显示另一套代码
/ 假设你有一个为移动设备封装的组件。-- 如果 isMobile 为 true,则显示 MobileComponent;否则显示正常内容 -->// 使用正则表达式检测用户代理是否包含常见的移动设备关键字。第三步使用 要用 v-if="isMobile" 判断是否显示。第四步 在computed 里使用正则表达式 判断设备。
2024-06-28 16:46:57
398
原创 使用DataVVue 大屏数据不展示时
data() { return { waterPicture: { data: [], shape: "roundRect", },},}渲染时screenData() { visual.getStatistics().then((data) => { this.waterPicture.data = [data.accountCoin];[] 转成数组 this.waterPicture = { ...this.
2024-06-14 14:48:40
240
原创 Vue 引入阿里矢量图 ( 在原有项目的图标库中加入新的图标)
3.下载代码到桌面并解压可以修改一下名字 我修改的名字font。4.把解压的代码直接粘贴复制到项目里的。5.在main.js全局引入。6.在使用的页面复制css。2.点击右上角购物车。
2024-05-31 17:51:59
450
原创 vue2 安装vue-video-player
如果安装时报错routers.js:111 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.aspectRatio: '9:16', //视频比例。
2024-05-29 16:06:56
842
原创 通过ref 调用子组件方法
videoData: { //注意名字videoData 保持一直 :video-data。default: () => ({}) // 提供一个默认对象来避免可能的错误。5.通过点击方法 HitMasking 调用子组件里的HitKing()方法。再通过HitMasking()点击方法把item对象传递给子组件。子组件方法HitKing。
2024-05-23 17:31:53
256
1
原创 css 字体由左到右改变 文本换行超出显示省略号
* 设置或检索伸缩盒对象的子元素的排列方式 */-webkit-background-clip: text;/* 设置背景裁剪为文本 */display: -webkit-box;/* 对象作为伸缩盒子模型显示 *//* 超出部分省略号 */-webkit-line-clamp: 2;/* 显示的行数 *//* 隐藏超出部分 *//* 隐藏文本颜色 *//* 从左到右渐变,颜色从黑色到白色 *//* 对象作为伸缩盒子模型显示 */
2024-05-13 10:57:15
217
原创 element-ui组件走马灯的setActiveItem方法手动绑定方法
很简单 只需在 el-carousel绑定一个ref。在 methods: 中绑定的事件调用即可。// 更新当前显示的图片索引。
2024-04-10 17:40:43
2314
1
原创 rem适配
/ 当页面加载的时候 也要调用一下setRem 目的 默认 把html 根节点的字体大小 设置为10px。// 如果设备宽度大于1920 等于1920。// 如果设备宽度小于800 等于800。
2024-04-08 15:57:44
128
原创 利用过滤器filler去除假值三种方法
/新数组 存放大于等于10的元素。//新数组 存放大于等于10的元素。//写法1 filter 过滤器。//写法2: for of。//写法3: for in。
2022-10-12 18:49:42
151
原创 封装cookie
/设置cookie 传入三个参数 键 值 过期时间。//删除cookie 通过键名key。// cookie进行字符串分割。//获取cookie 键名key。//清空cookie。
2022-10-10 13:04:55
84
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人