
VUE Piece
xggllc
这个作者很懒,什么都没留下…
展开
-
正则过滤字符串中 script 标签
需求是模板字符串中不允许出现标签、不允许有javascript和.js文件引用,记录一下。原创 2022-07-31 18:31:40 · 1346 阅读 · 1 评论 -
vue 列表中输入框input 编辑名称
列表编辑名称功能鼠标hover 列表,显示编辑按钮;点击编辑后,出现输入框;输入框变化后、回车或者点击其它地方,输入框消失。原创 2022-07-17 19:26:05 · 1083 阅读 · 0 评论 -
maptalks 切换中心点 切换地图URL
有个需求,动态切换地图切片风格,切换中心点设置。秉着好记性不如烂笔头的心态,在此记录一下。直接上代码: setGISCenter(params = {}) { // 这里是设置图层的url, if(params && params.centerInfo && params.centerInfo.url) { this.customTileLayer.config({urlTemplate: params.cent原创 2022-04-29 15:22:00 · 963 阅读 · 0 评论 -
maptalks 自定义请求瓦片 url
最近地图需要适配第三方公司用 ArcGIS 生成的切片,查了一些资料,记录一下:urlTemplate的含义比较简单,只要url里有瓦片的x, y, z参数,用{x}替代相应的参数即可。另外urlTemplate也支持函数方式let url = 'https://xxx.cn/tiledmap/tiled_dark/{z}/{x}/{y}.png';let tempUrlHead = url.split('{z}'); let tileOption = { mi原创 2022-04-28 19:43:36 · 1234 阅读 · 0 评论 -
vue 中 mitt 使用,兄弟组件通信
首先,引入"mitt": "^2.1.0",第二,创建bus.js 文件第三,使用需要在需要通信的两个组件里都引用 第二步中的bus组件1.vue // 触发事件的组件import emitter from '@/utils/bus';自己的方法(){ emitter.emit('fRefresh', { rule, isNew });}组件2.js // 监听事件的组件import emitter from '@/utils/bus';//原创 2022-01-23 23:30:02 · 1581 阅读 · 0 评论 -
vue 项目 创建记录 cli 3.x — 更新中
1,vue create 创建项目运行以下命令来创建一个新项目vue create hello-world你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的。如果你决定手动选择特性,在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset。我们会在原创 2021-11-30 21:09:30 · 161 阅读 · 0 评论 -
vue 2.x 监听数组变化
vue 2.x 子组件props 数组内容发生变化时,页面不刷新。可以通过 watch 监听,注意需要在监听数据下添加 deep: true 字段。props: {dataValue: { type: Array, default: function () { return []; }}}watch: { dataValue: { handler (val) { console.log(val)..原创 2021-10-30 21:02:36 · 2462 阅读 · 0 评论 -
记录vue 常用插件,滚动加载与虚拟滚动
滚动加载:参考地址https://blog.youkuaiyun.com/qq_37339364/article/details/86678452虚拟滚动:参考地址https://tangbc.github.io/vue-virtual-scroll-list/#/fixed-size转载 2021-08-31 11:56:50 · 221 阅读 · 0 评论 -
element-ui el-upload - 自定义 FormData
前端时间写到自定义上传记录一下:vue 2.xnode -v 12.14element-ui2.14.1 <el-upload class="upload-demo" drag ref="uploadFileRef" action="xxx" :limit='200' :auto-upload = 'false' :http-request="uploadSectionFile" .原创 2021-08-30 15:47:21 · 951 阅读 · 1 评论 -
GIS地图坐标系转换
最近正在做的记录一下,直接上代码node -v 12.14.0vue框架主要转换方法:ps: 网上找到的方法修改了一些// 子组件坐标系转换使用 ----- start ---------------- deltaCoord (lat, lon) { // Krasovsky 1940 // // a = 6378245.0, 1/f = 298.3 // b = a * (1 - f) // ee = (a^2原创 2021-08-30 15:01:47 · 437 阅读 · 0 评论 -
vue 播放视频,默认有视频封面
前几天做视频管理器,原计划使用vue-video-player 库来播放视频,但是发现这个库播放视频,还需要自己手动截封面【ps: 没有vue-video-player,如果这里有不对的地方,请指正,】原创 2021-06-05 11:52:13 · 1991 阅读 · 0 评论 -
VUE 复制数据到剪切板
记录昨天浏览器点击按钮复制数据的功能:查项目的package.json 文件发现有 引入 vue-clipboard2,想着直接用就可以了。"dependencies": { "vue-clipboard2": "^0.3.1",}如果项目中没有引入的话,需要先自己安装引入vue-clipboard2:在项目的终端里执行:npm install vue-clipboard2 --savevue main.js 文件中引入:import VueClipboard f原创 2021-05-26 10:38:47 · 448 阅读 · 0 评论