Luckygirl_jian-CSDN博客

原创 Vue 如何使用iframe嵌套h5页面

这里src是是用的百度url，height是固定的，可以根据自己的实际情况赋值。Vue中使用iframe嵌入页面。

2023-12-22 16:38:59 337 1

原创 Vue 使用iframe嵌入页面，ios显示空白，安卓正常

在vue中使用iframe嵌入页面，ios页面显示不出来，白屏了，安卓确是正常显示，也设置了相关iframe的属性，但是就是没有任何效果，到底是怎么回事。而项目中访问的地址就是给的http，所以有跨域问题，浏览器认为不安全，需要后端把接口域名改成https协议。ios默认不允许跨域请求，使用的是https协议。安卓默认允许跨域请求，使用的是http协议。https不可以调用http。http可以调用https。https可以https。http可以http。

2023-12-21 16:03:23 916

原创浏览器缩放导致table表格错位样式问题的解决

html table表格在浏览器缩放100%时正常显示但人们有时会缩放90或者更小，这时样式便出现了问题，错位了，该如何解决呢？

2022-09-03 20:52:46 1409

原创 Vue computed中的get和set方法

computed中的get和set方法computed中默认情况下只有getget方法是获取值，可以在get中给computed中定义的变量赋值set方法是computed中定义的变量改变时，会被触发的一个方法，可在set方法中做一些操作...

2021-11-17 21:31:27 538

原创 CSS 无痕滚动条

隐藏横向滚动条，并可以左右滑动遇到内容过长并且不换行的情况下实现左右互动效果，即实现横向滚动效果，用css样式在移动端可实现.element{ white-space: nowrap;//不换行 overflow-x: auto;//横向滚动条}.element::-webkit-scrollbar{ display:none;}...

2021-11-17 21:18:57 346 1

原创 Echarts的一些配置

关于Echarts的一些配置（1）X轴配置interval：坐标轴刻度显示间隔，数值表示间隔的数据开发中需求只展示首尾两个坐标刻度则可以这样写：interval:xData.length-2 //xData为X轴的数据（2）提示框tooltip数值自定义单位 formattertooltip :{ trigger: "axis", formatter:function(params){ 　let relVal = params[0].name+"<br/&gt

2021-11-14 11:58:21 1510

原创 Vue 页面使用query传参，接收页面二次刷新数据丢失

页面使用query传参，接收页面二次刷新数据丢失问题解决方法：要跳转的传参页：先将数据用JSON.stringfy()转为JSON字符串接收页面：再用JSON.parse()将字符串转为 JSON对象；

2021-11-14 11:42:01 896

原创字符串提取百分比数字标颜色

如何给字符串中的百分比数字标上自己想要的颜色let str = '10%概率会下雪,50%下雨。多云5％'function changeKeyColor(str){ str=str.replace(/\d+(\.*\d+)?%/g,(numStr)=>{ return '<span style="color:pink">'+numStr+'</span>' }) return str } 好over结束，看似很完美，其实并没有结束==用

2021-11-09 21:24:02 290

原创 Vue中使用moment插件处理时间格式

moment 时间格式处理1.npm 下载npm install moment --save2.main.js引入import Moment from 'moment'3.定义全局时间戳过滤器Vue.filter('formatDate', function(value,format='YYYY-MM-DD HH:mm:ss') { return Moment(value).format(format)})4.页面使用，直接贴代码==<template> &lt

2021-11-08 21:42:32 608

原创 css 文本溢出省略号样式

css 文本溢出省略号样式单行文本超出显示省略号样式overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

2021-11-06 20:05:21 138

原创 Vue 如何添加水印

vue 如何添加水印1.新建warterMark.js文件，放到src目录下的utils文件中//waterMark.jslet addWaterMark = (str) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)) } //创建一个画布

2021-11-06 19:46:23 847

原创 vconsole使用步骤

vconsole使用步骤1.npm下载npm install vconsole -S2.在main.js中：import VConsole from 'vconsole'const vConsole =new Vconsole()Vue.use(vConsole)console.log("vconsole-test")总结vconsole在vue中的简单使用。

2021-06-26 15:05:05 1941

Luckygirl_jian的博客