![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Z_Xshan
这个作者很懒,什么都没留下…
展开
-
three.js导入模型 vue3
threejs导入模型原创 2023-03-07 23:59:59 · 1572 阅读 · 0 评论 -
vue简单实现大文件上传
vue简单实现大文件上传。原创 2022-10-18 20:19:22 · 807 阅读 · 0 评论 -
react和vue使用pubsub库实现兄弟传值
例:下面代码中,subscrib方法e的第一个参数(yyds)为订阅名,第二个(getmes)为接收数据的方法。这里定义pid是为了方便未来进行取消订阅的操作。publish方法的第一个参数(yyds)为订阅名,第二个参(message1)为想要传递的变量。pubsub,即订阅发布,在vue和react中常常被用于任意组件间的传值。这样,传递过来的message1便能够在订阅的组件中接收并使用了。以上就是订阅发布pubsub的基本使用了,react同样可以使用。交钱,说好地址,订阅哪一种报纸。原创 2022-10-05 17:00:44 · 301 阅读 · 0 评论 -
echarth给对应图标加对应颜色的提示线和文字、在环形图中间加提示字
echarts属性方法原创 2022-08-19 12:13:02 · 2340 阅读 · 2 评论 -
Vue中使用websocket的正确使用方法
Vue中使用websocket的正确使用方法原创 2022-08-11 17:52:30 · 2285 阅读 · 0 评论 -
天地图给多边形加标注
该开始开发的时候用的是高德高德用起来还是比较简单的但是后来公司要换成天地图。原创 2022-07-27 15:13:26 · 964 阅读 · 0 评论 -
vue 实现table的无限滚动
vue无线滚动原创 2022-07-12 15:15:52 · 1386 阅读 · 0 评论 -
解析shapefile.js报错shapefile.js:31 Fetch API cannot load file:文件路径URL scheme “file“ is not supported.
解析shapefile.js报错shapefile.js:31 Fetch API cannot load file:文件路径URL scheme "file" is not supported.原创 2022-07-08 21:31:21 · 1101 阅读 · 0 评论 -
js解析shapefile.js 读取shp文件里空间几何信息(vue)
js解析shapefile.js 读取shp文件里空间几何信息(vue)原创 2022-07-08 21:11:39 · 2240 阅读 · 1 评论 -
van-search 组件下划线样式问题 下划线和文字对不上
服了搞了一下午 这个组键 真是阴间组件说两个解决的方法 一个是在vue2 中 和 vue3的解决方法在这个上面绑定ref然后再说vue3语法这里使用id来获取的都是用resize() 来触发重绘原创 2022-06-13 20:10:38 · 391 阅读 · 0 评论 -
前端请求接口时报405错误
Error:Request failed with failed with status code 405原创 2022-06-08 11:23:49 · 1600 阅读 · 0 评论 -
vue3+layout 时间格式化
vue3格式化时间原创 2022-06-07 20:35:10 · 353 阅读 · 0 评论 -
vue 用h5 Video打开本地摄像头和离开页面关闭摄像头
1,首先来说打开摄像头html部分<div style="height:300px;width:600px;"> <video id="video" width="300px" height="300px" autoplay="autoplay"> </video> <canvas class="zp" id="canvas" width="300px" height="300px"> </原创 2022-04-13 19:56:45 · 5986 阅读 · 6 评论 -
vue @click和 @click.native.prevent 区别
@click是用在按钮上的语法糖而@click.native是给vue组件绑定事件时候,必须加上native ,否则会认为监听的是来自Item组件自定义的事件prevent是用来阻止默认的事件。就相当于…event.preventDefault(),父组件想在子组件上监听自己的click的话,需要加上native修饰符。这里说说默认事件默认事件就是默认执行的事件,比如a标签,点击a标签,页面会自动跳转...原创 2022-04-10 16:16:24 · 1872 阅读 · 0 评论 -
Element ui input输入框点击小眼睛显示与隐藏
用Element ui 的话加个show-password参数就可以了原创 2022-04-10 15:57:53 · 1816 阅读 · 0 评论 -
Element ui 怎么让指定的一个表头居中 怎么让全部表头居中 和怎么让单元格居中
我们想让一个表头居中其他的不变我们可以用header-align="center"<el-table-column fixed="right" label="操作" width="240" header-align="center" ></el-table-column>如果你想让所有表头 和所有单元格居中我们可以用cell-styl..原创 2022-04-09 23:27:20 · 2735 阅读 · 1 评论 -
echarts怎么修改map图例字体的颜色 echarts visualmap pieces
如果在饼形图我们可以用legend来设置legend: { left: 'center', textStyle:{ fontSize: 18,//字体大小 color: '#ffffff'//字体颜色 }, },但是我们想原创 2022-04-03 16:14:17 · 7507 阅读 · 1 评论 -
vue echarts.js 报错 this.dom.getContext is not a function;
不能用refs去获取 然后我就获取dom原生获取首先用了 getElementsByClassName 还是不行使用getElementById就好了原创 2022-04-03 09:42:04 · 1298 阅读 · 1 评论 -
vue如何使用echarts图表里的map地图/地理坐标
第一步下载模块npm install echarts --save第二步引入import echarts from 'echarts' // 引入echarts中国地图数据require('echarts/map/js/china')第三步设置参数<!-- 为 ECharts 准备一个定义了宽高的 DOM --><div id="main" style="width: 600px;height:400px;"></div>第四步写ech.原创 2022-03-30 16:51:38 · 2656 阅读 · 0 评论 -
vue + elementui表单重置 resetFields 问题 点击重置没有重置也没有报错问题
问题:elementui在重置表单时,无法使用this.$refs[‘formRefVal’].resetFields()清空表单数据;解决方法:1、表单加ref属性<el-form ref="refname"></el-form>2、form的每个item加prop属性(这个是比较容易忘记的地方,需要和绑定数据的最后名称一致,prop属性添加到form-item上)<el-form-item prop="name"> &l原创 2022-02-09 18:27:35 · 866 阅读 · 0 评论 -
使用express-jwt模块时报错:algorithms is not defined
使用express-jwt模块时报错:algorithms is not defined导致报错的语句(node_modules\_express-jwt@6.0.0@express-jwt\lib\index.js:22)if (!options.algorithms) throw new Error('algorithms should be set')原因是:2020.7.7日jwt更新之后,安装的express-jwt模块会默认为6.0.0版本,更新后的jwt需要在配置中加入alg原创 2022-02-09 09:47:10 · 1080 阅读 · 0 评论 -
Vue 框架怎么实现对象和数组的监听?
Vue 框架怎么实现对象和数组的监听?如果被问到 Vue 怎么实现数据双向绑定,大家肯定都会回答 通过 Object.defineProperty() 对数据进行劫持,但是 Object.defineProperty() 只能对属性进行数据劫持,不能对整个对象进行劫持,同理无法对数组进行劫持,但是我们在使用 Vue 框架中都知道,Vue 能检测到对象和数组(部分方法的操作)的变化,那它是怎么实现的呢?我们查看相关代码如下: /** * Observe a list of Array item原创 2022-01-31 18:45:37 · 1856 阅读 · 0 评论 -
什么是 MVVM?Vue 是如何实现数据双向绑定的?
什么是 MVVM?Model–View–ViewModel (MVVM) 是一个软件架构设计模式,由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。由 John Gossman(同样也是 WPF 和 Silverlight 的架构师)于2005年在他的博客上发表MVVM 源自于经典的 Model–View–Controller(MVC)模式 ,MVVM 的出现促进了前端开发与后端业务逻辑的分离,极大地提高原创 2022-01-31 18:41:45 · 981 阅读 · 0 评论 -
你使用过 Vuex 吗?使用过 Vue SSR 吗?说说 SSR?vue-router 路由模式有几种?能说下 vue-router 中常用的 hash 和 history 路由模式实现原理吗?
你使用过 Vuex 吗?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store(仓库)。“store” 基本上就是一个容器,它包含着你的应用中大部分的状态 ( state )。(1)Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。(2)改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以原创 2022-01-30 20:28:30 · 493 阅读 · 0 评论 -
谈谈你对 keep-alive 的了解?v-model 的原理?Vue 组件间通信有哪几种方式?
谈谈你对 keep-alive 的了解?keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,避免重新渲染 ,其有以下特性:一般结合路由和动态组件一起使用,用于缓存组件; 提供 include 和 exclude 属性,两者都支持字符串或正则表达式, include 表示只有名称匹配的组件会被缓存,exclude 表示任何名称匹配的组件都不会被缓存 ,其中 exclude 的优先级比 include 高;对应两个钩子函数 activated 和 deactivated ,原创 2022-01-29 20:06:53 · 118 阅读 · 0 评论 -
谈谈你对 Vue 生命周期的理解?在哪个生命周期内调用异步请求?在什么阶段才能访问操作DOM?父组件可以监听到子组件的生命周期吗?
谈谈你对 Vue 生命周期的理解?(1)生命周期是什么?Vue 实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲染、更新 -> 渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。(2)各个生命周期的作用 生命周期 描述 beforeCreate 组件实例被创建之初,组件的属性生效之前 created 组件实例已经完全创建,属原创 2022-01-29 20:01:38 · 666 阅读 · 0 评论 -
Class 与 Style 如何动态绑定?怎样理解 Vue 的单向数据流?直接给一个数组项赋值,Vue 能检测到变化吗?
Class 与 Style 如何动态绑定?Class 可以通过对象语法和数组语法进行动态绑定:• 对象语法:<div v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}• 数组语法:<div v-bind:class="[isActive ? activeClass : '', err.原创 2022-01-28 20:53:41 · 203 阅读 · 0 评论 -
常用的事件修饰符 vue如何获取dom assets和static的区别 vue初始化页面闪动问题
常用的事件修饰符.stop:阻止冒泡 .prevent:阻止默认行为 .self:仅绑定元素自身触发 .once: 2.1.4 新增,只触发一次 passive: 2.3.0 新增,滚动事件的默认行为 (即滚动行为) 将会立即触发,不能和.prevent 一起使用 .sync 修饰符从 2.3.0 起vue重新引入了.sync修饰符,但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。示例代码如下:<comp :foo.sync="b原创 2022-01-28 20:39:28 · 691 阅读 · 0 评论 -
vue-loader是什么?使用它的用途有哪些?$nextTick是什么?v-for key的作用,Vue的双向数据绑定原理是什么?组件传值等
vue-loader是什么?使用它的用途有哪些?vue文件的一个加载器,跟template/js/style转换成js模块。$nextTick是什么?vue实现响应式并不是数据发生变化后dom立即变化,而是按照一定的策略来进行dom更新。nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用nextTick,则可以在回调中获取更新后的 DOMv-for key的作用当Vue用 v-for 正在更新已渲染过的元素列表是,它默认用“就地复用”策略。如果数据项原创 2022-01-27 18:17:52 · 549 阅读 · 0 评论 -
vue的优点 请详细说下你对vue生命周期的理解?vue中v-if和v-show有什么区别?computed和watch的区别
vue的优点轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb;简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;双向数据绑定:保留了angular的特点,在数据操作方面更为简单;组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势;视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;虚拟DOM:dom操作是非常耗费性能的,不再使用原生的dom操作节点,极大解放原创 2022-06-17 19:38:30 · 171 阅读 · 0 评论