- 博客(31)
- 收藏
- 关注
RSS订阅原创 在vue中cesium怎么使用
1. 安装vue-cli-plugin-cesium，运行命令 `npm install -g vue-cli-plugin-cesium`。在Vue中使用Cesium，首先你需要将Cesium库导入到项目中。另外，推荐使用vue-cli-plugin-cesium插件，配置简单，使用方便。1. 安装cesium，运行命令 `npm install cesium --save`。3. 在创建过程中选择添加vue-cli-plugin-cesium插件。
2023-11-07 13:38:43
524
原创 vue如何实现2个新标签之间的信息共享
7. **window.open() 和子页面postMessage**: 父页面使用window.open()打开一个新窗口或标签页，并使用postMessage()方法与其通信。4. **Shared Worker**: 这是一种在后台线程中运行JavaScript的机制，不会影响页面的性能。5. **postMessage**: 这是HTML5的一个特性，允许来自不同源的脚本通信。6. **中介者模式**: 本质上是通过找一个中介者，让标签页和中介者进行通信，然后让这个中介者来进行消息的转发。
2023-11-06 10:35:40
520
原创 el-tree 实现节点高亮
方法中根据当前节点是否存在来更新当前高亮节点的唯一标识符。如果当前节点不存在，则将。中的某个节点时，该节点就会高亮显示。您可以根据需要调整节点的高亮样式，例如设置。数组，为每个节点生成一个。组件，并且根据当前节点的。在上面的代码中，我们使用。在上面的代码中，我们在。
2023-03-31 15:36:26
3881
原创 vue 条件查询列表
1、页面必须事一个表单2、筛选条件3、列表查询结果4、分页3、data 中声明对象4、再methods中写方法，使用该方法优化参数，请求数据列表
2022-03-18 11:24:37
2780
原创 输入框去掉两侧空格，保留中间空格
<el-input type="textarea" :rows="8" maxlength="200" show-word-limit :placeholder="isSubmitButton ? '请输入关键词' : '暂无'" v-model="responseForm.respo...
2022-03-18 11:05:10
553
转载 vue前端下载excel文件
// html<el-button type="primary" plain @click="frontDownload">本地下载</el-button>//jsfrontDownload() { var a = document.createElement("a"); //创建一个<a></a>标签 a.href = "/static/模板.xlsx"; // 给a标签的href属性值加上地址，注意，这里是绝对路径，不用加 点. a..
2022-02-25 10:07:21
941
1
原创 暂无数据时空白图
<div slot="empty" style="text-align: center" v-if="!visibleStampCK"> <div> <img src="../../../assets/images/blank.png" alt="暂无数据" width="168" height="168" /> </div> <p>暂无许可证，请上传"已盖章许可证"</p></div>.
2022-02-24 16:39:12
291
原创 vue循环列表根据值不同引入不同图片
<img :src="item.bussType == '采矿' ? require('../../assets/images/ck.png') : require('../../assets/images/tk.png')" alt="" />
2022-02-24 16:35:44
712
原创 vue 获取元素高度
<div ref="elememt" ></div>//获取高度值var height= this.$refs.text.offsetHeight; //100//获取元素样式值,element 为元素ref="element"var heightCss = window.getComputedStyle(this.$refs.element).height; // 100px//获取元素内联样式值var heightStyle =this.$refs.elem.
2021-05-12 13:56:25
191
原创 mpvue开发小程序 textarea获取不到值问题
我们在做项目的时候都会遇到意见反馈这个功能，mpvue开发项目时候总是拿不到textarea的值,这是什么原因呢？ <template> <div class='feed_back'> <textarea :value="textAreaValue" @change="getChange($event)" class='text_area' co...
2020-03-22 18:53:06
843
原创 如何使用浏览器，测试支付宝支付
项目开发过程中，针对设备的测试，微信可以有微信开发者工具，但针对支付宝却不知道该怎么做，我们在阅读支付宝，h5支付文档就会发现（http://myjsapi.alipay.com/jsapi/），里面有个环境变量可以进行设置。"Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.000001) Ali...
2019-09-19 11:14:11
2383
原创 两个数组的数据进行模糊匹配，筛选出有相同元素的数组
需求：var imgArr = ['奥迪','宝马','北汽','奔驰','比亚迪','大众','东风','吉利','金杯','雷诺','奇瑞','斯柯达','腾势'];var carName= ['东风风神A60'，‘吉利帝豪’，‘北汽绅宝’，‘奇瑞eQ’ ,'大众帕萨特']；varcarTypeImg=[ ];for(var a = 0; a < carName....
2019-07-05 16:44:51
4064
原创 vue img标签怎样循环图片路径
解决办法：vue中可以使用模板字符串，引入一个图片数组循环数据一次显示。效果图：参考资料：https://www.cnblogs.com/SamWeb/p/8519735.html
2019-07-05 16:14:55
4285
转载 Echarts-axislabel文字过长导致显示不全或重叠
更改x轴文字长度：参考链接：https://www.cnblogs.com/hwaggLee/p/4762467.htmlhttps://blog.csdn.net/shunhua19881987/article/details/80592446更改y轴文字长度：https://blog.csdn.net/xiaxiangyun/article/details/78878919a...
2019-07-05 16:09:16
702
转载 vue 状态更改怎样让页面局部渲染
问题还原：根据业务需求我需要更改showFlag的状态，控制两个模块的显示隐藏，但是初始状态下渲染的模块都没有问题，但是第二次切换页面没有重新进行渲染问题解决：z将v-show修改为v-if，v-if会重新渲染页面，由此问题也得到解决。v-if和v-show的区别是什么呢？1.v-if:是条件渲染，每次都会重新删除或者创建元素，v-if有较高的切换性能消耗。2....
2019-07-05 15:53:03
4023
1
原创 js计算两个时间差
1.计算时间戳的时间差（必须格式xxxx/xx/xx），不是这样格式的转成这样格式的function diffTime(startDate,endDate) { var diff=endDate.getTime() - startDate.getTime();//时间差的毫秒数 //计算出相差天数 var days=Math.floor(diff/(24*3600*1000));...
2019-06-24 17:53:12
475
原创 无线网IP被占用怎么办？
先重置网络，如果没有按钮的话，1.在“开始”菜单找到“运行“ 2.然后在里面输入cmd 3.出现的命令提示框内输入“netsh winsock reset"按”Enter“键 4.重启电脑，即可重置网络连接配置。然后打开网络与Internat连接---更改适配器选项--wlan连接右键（图1）---找到IPv4属性---重新指定一个ip地址（图2）即可...
2019-06-24 14:24:20
2872
原创 webpack 能做些什么呢？
1.webpack能够处理文件之间的相互依赖。2.webpack能够处理js的兼容问题，把高级的浏览器不能识别的语法转换成低级可识别的语法，比如你使用了es6语法，但是浏览器不识别，webpack可以将语法转成es5被浏览器识别出来。3.webpack是个前端自动化构建工具，可以完美实现资源合并、压缩、混淆等诸多功能。...
2019-06-24 10:07:47
1089
原创 webpack打包运行vue项目后找不到.ttf及.woff文件，或者路径报错
webpack.base.config 文件中 ,有的人可能在utils.js中修改前：{ test: /\.css$/, use: ExtractTextPlugin.extract({ use: [‘css-loader?minimize‘, ‘autoprefixer-loader‘], fallback: ‘style-loader‘ ...
2019-06-11 11:38:14
3849
转载 针对Linux下的Nginx（或者Apache）支持字体文件在头部添加允许浏览器访问的头部信息
为了在前端正确地显示字体，浏览器必须使用正确的http header来接受字体文件。如果服务器没有设置要求的头信息，那么有些浏览器就会在控制台报错或者直接不能显示。可能你的服务器已经配置好了，你无须再动任何东西。如果没有配置好，那么你需要注意下面几点： 首先，修改mime-type headers； 其次设置CORS headers-仅当你从不同域下获取字体文件或者html页...
2019-06-05 14:08:16
787
原创 css引入特殊中文字体本地显示正常，服务器下不显示效果，或报路径错误404
问题还原：.引入这种中文字体的时候，在本地显示正常，放在服务器下就会显示乱码，服务器下对中文链接是访问不到的。解决办法：1.将引入的中文字体修改成英文，按路径将字体引入到项目中，在引入的过程中将中文全部修改成英文才可以。打包上传服务器应该注意的：2.在webpack.base.conf.js文件中特殊字体会被打包在fonts路径下，查看打包后的css文件，找...
2019-06-05 10:49:48
1537
原创 plugin--图片居中预览--不裁剪（兼容IE8、IE9、IE10、IE11、谷歌）
本插件兼容IE8、IE9、IE10、IE11、谷歌html 页面结构：<!-- 父容器onclick事件和input onclick事件绑定 --><div class="upload" id="parentDiv" onclick="inputFile.click()"><input class="change" id="input
2019-03-18 16:44:22
368
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人