this.$bus.$on 第7页

Vue刷新页面的三种方式

原始方法：location.reload();vue自带的路由跳转：this.$router.go(0);用过的人都知道，前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好。

一人创客·2024-01-21 09:54

vue2 el-table抖动问题解决方案

由隐藏到显示的dom更新后立刻对el-table进行重新布局（也就是调用el-table的doLayout方法），例如在nextTick或update生命周期中调用doLayout：beforeUpdate(){this

LemonTree7·2024-01-21 07:42

vue中使用echarts实现中国地图加城市定位功能

$echarts.registerTheme('dark',obj)//上面的两段是我自己设置的暗色系主题，不需要可以注释掉letdom=this.

橘哥哥·2024-01-21 04:48

2022-04-14

前端手册#通用方法#$tab对象$tab对象用于做页签操作、刷新页签、关闭页签、打开页签、修改页签等，它定义在plugins/tab.js文件中，它有如下方法打开页签this.

追风的云月·2024-01-21 03:20

element-ui tree树形结构全选、取消全选，展开收起

控制树形结构全选、取消全选，展开收起折叠/展开全选清空exportdefault{methods:{//this.

阿Q--小黑·2024-01-21 01:50

vue跳转页面传值地址栏显示传值或者不显示地址栏传值

：https://blog.csdn.net/weixin_43836052/article/details/951663451.params传参:相当于post请求，页面跳转时参数不会在地址栏中显示this

小睿同学·2024-01-21 01:41

Vue从后端取数据，实现动态路由

this.

爱生活，更爱技术·2024-01-20 16:45

【element UI】解决el-date-picker选择日期后视图不更新的问题，亲测有效

尝试了许多方法，比如设置初始值、普通赋值、使用this.$set进行赋值，发现都没有效果。最后通过this.$forceUpdate()强制更新解决问题！！！

码上出奇迹·2024-01-20 16:08

Vue 做文件的上传和下载

相信大家做需求时肯定会遇到处理文件的上传或者下载这里我直接附上源码直接套用转成自己项目要求格式即可//上传点击上传//下载methods:{doUpload(file){constisLt5M=file.size/1024/1024{if(res.data.code===0){this

独爱那杯cc·2024-01-20 14:15

Vue中子路由怎么调用父路由中的方法和参数

一、实现方式：直接在子路由的范围内使用this.$parent.xx即可调用对应父亲路由的参数。使用this.

竹立荷塘·2024-01-20 14:40

Vue四个阶段，八个钩子函数

-创造阶段：创建Vue实例和初始化数据事件，数据代理，监测watch-beforeCreate，只是创建实例，不能this.

✾℡南风未恋̶̶ღ̶̶·2024-01-20 13:12

vue 解决el-table 表体数据发生变化时，未重新渲染问题

{selectionData:[]}},watch:{certKey:{handler(val){}},},methods:{//向父组件共享数据handleSelectionChange(val){this

帅气的小伙·2024-01-20 13:41

echart 画图技巧汇总

1.饼图中间画文字image.pngletmyChart=this.

sisselxie·2024-01-20 12:47

【Vue】父组件如何调用子组件的函数

父组件:exportdefault{methods:{callChildMethod(){this.$refs.childRef.child

正宗咸豆花·2024-01-20 11:56

Vue动态添加新的属性到实例上（vue的问题）

比如我们我们开始创建了一个对象实例，在实例创建之后为其增加新的属性，我们发现这个属性不能生效,此时需要使用this.$set(')方法。

泡芙·草莓·2024-01-20 09:32

Vue中的日历组件 Calendar 实现考勤打卡记录

实现效果图1.由于Calendar没有右上角月份切换的API事件，可以给组件源码添加自定义添加一个事件2.也可以通过自带的input事件来获取日历3.vue页面完整代码注释：this.

咸鱼妹妹·2024-01-20 08:17

vlc播放rtsp视频流

简单记录一下项目中用到的浏览器内嵌vlc播放rtsp视频流首先使用object标签，关于object标签的介绍，放一张图页面设置初始化视频播放//初始化vlc视频initVlcVideo(){this.

小菜花29·2024-01-20 05:25

Vue-router 路由传参及隐藏参数详解

router/index.js)constroutes=[{path:'/chat',name:'Chat',component:Chat},]path方式跳转（query）Register//简写不传参this

Bayi··2024-01-20 01:10

VUE--组件通信（非父子）

EventBus.jsimportVuefrom'vue'exportdefaultnewVue({})2、接收方（A组件），监听Bus实例的事件importbusfrom'@/bus'exportdefault{created(){bus

煸橙干儿~~·2024-01-20 00:39

VUE--- ref & refs

querySelector的区别：●ref&refs查找的范围是当前组件内，更加精确稳定●querySelector查找的范围是整个页面获取dom的使用步骤：1、目标标签添加ref属性我是渲染图表的容器2、通过this

煸橙干儿~~·2024-01-20 00:07

自己造messagebox轮子

messageBox'data里加参数alertBox:'0',method中changeAlertBox(){ if(this.alertBox==='0'){ this.alertBox='1' this

weixin_58689699·2024-01-20 00:37

【VUE】elementUI + VUE table表格点击Popover 弹出框包含确定取消

取消确定刷新元数据信息method部分cancelClick(scope){document.body.click()this.

kiraraLou·2024-01-19 16:52

Vue父子组件

1.子组件调用父组件方法子组件方法：this.$emit(getAttrObj,page)父组件接收：@getAttrObj=func($event,index)'子组件传多个参数：this.

lydia56·2024-01-19 16:53

element-ui上传组件el-upload- 编辑文件回显

上传文件回显文件数组uploadFileList不能使用uploadFileList[0]赋值，无法监听到文件的变化，要使用push等数组方法if(fileUrl){this.

造糖主义·2024-01-19 16:42

electron另存为图片

取dom元素的img路径vue中使用ref获取//保存到本地saveQrCode(item){constcurrentSrc=this.

造糖主义·2024-01-19 16:12

算法：A*算法最小实例

0,0,0,0,0],[0,1,0,1,0],[0,0,0,0,0]];接着，定义节点类，包含节点的坐标和计算曼哈顿距离的方法：classNode{constructor(x,y){this.x=x;this

大佬，咋整啊·2024-01-19 15:24

iframe影响浏览器页面跳转

history记录了iframe嵌入页面的路由信息，这个信息不论是iframe内的地址跳转，还是iframesrc的切换，都会被记录，下面给出解决方案如不涉及iframe内地址的跳转setIframe(src){this

一个疯子a·2024-01-19 15:58

el-tree获取当前选中节点及其所有父节点的id(包含半选中父节点的id)

包含半选中父节点的id）也都一并传给后端，那这个例子里就应该共传入9个id，我们可以直接将getCheckedKeys()和getHalfCheckedKeys()两个方法获取的数据合并就是我们想要的数据了，this

百思不得小李·2024-01-19 13:18

element-ui的el-upload组件实现上传拖拽排序图片顺序（sortablejs）

data(){return{fileList:[]};},mounted(){this.initDragSort();},methods:{//支持拖拽排序initDragSort(){constel=this

一朵野花压海棠·2024-01-19 10:47

关于axios文件上传时的post设置

//获取文件letvalue=this.

夜色不再·2024-01-19 08:57

Vue2根据数据动态显示按钮并绑定方法

功能描述根据后端返回的按钮数据动态渲染页面，并根据后端返回数据中的方法名为每个按钮动态的绑定点击事件一、技术栈前端框架：vue2前端UI框架：AntDesignofVue（v1.7.8）二、核心this

狂飙的肥兔·2024-01-19 07:44

微信小程序安卓系统下Input输入内容上移错位问题的解决办法

是否允许滑动，当Input获取焦点是，将滑动禁止，当Input失去焦点时，允许滑动//获取焦点事件bindfocus(){this.isScroll=false},//失去焦点事件closeblur(){this

A_ugust__·2024-01-19 06:19

js方式的路由跳转

//往前跳跳转go(){this.$router.push("/跳转页面的路由");}或者跳转//往回跳跳转

LxyingINGing·2024-01-19 05:04

vue中使用[provide/inject]，实现页面强制刷新（并非闪一下再刷新）

methods中添加reload方法，data中定义flag，如果需要此组件默认显示则为true，否则为false，在引入的子组件上添加v-if=“flag”reload(){this.flag=false;this

H5女王·2024-01-19 04:39

实现v-model功能组件实例

exportdefault{name:"vModel",props:["value"],methods:{change(event){if(event.inputType==="insertText"){this

清汤饺子·2024-01-19 03:33

【vue学习】数组/对象更新监测

数组监测案例imageimage点击修改，页面未变化，查看控制台打印信息（items是最新数据）：image加上this.$forceUpdate()，页面更新。也可以直接用vm.

前端菜篮子·2024-01-19 02:15

数据结构与算法-二叉树-中序遍历

*publicclassTreeNode{*intval;*TreeNodeleft;*TreeNoderight;*TreeNode(){}*TreeNode(intval){this.

王糍粑的小夕·2024-01-19 00:00

vue知识-07

ref#放在组件上：this.$refs.名字---组件对象.组件对象.属性#在vue项目中使用://写在组件上handleClick(){console.log(this.$refs) this.

糖果爱上我·2024-01-19 00:29

密码要求包含大写、小写字母，数字，特殊字符(_!@#$%^&*()+.)的组合，不能低于8位

reg.test(this.changepassword)){this.$Modal.error({content:

匆匆忙忙慌慌张张·2024-01-19 00:44

vue实现 marquee(走马灯)

return{listPrompt:['xxx','xxxx']}}mounted(){this.moveBoxPrompt()},methods:{moveBoxPrompt(){lettarget=this

zhougl996·2024-01-18 20:15

Vue + Element + Table 分页选择勾选和取消勾选

single:true,//非多个禁用multiple:true,//勾选的表格数据intoMaterialData:[],}},methods:{//选择行勾选复选框toggleSelection(row){this

树洞菇凉·2024-01-18 19:33

vue+element 表格复选框默认勾选第一行，只能选择一条

getLists(){getList().then(res=>{this.tableData=res.data//复选框默认勾选第一行this.checkList=this.tableData[0]this

从南慕白·2024-01-18 17:39

vue使用canvas进行视频的截图功能 ---- 超赞

//绘制的地方2.jsgetCurPic(index){//裁剪图片this.cropperModel=true;this.$nextTick(()=>

Colesyn L.·2024-01-18 16:25

js唤起拨打电话功能

注意：此方式IOS无效，安卓可以拨打电话call(){window.location.href='tel://400-920-5245';},//修改后拨打电话//多加一个a标签拉起打电话call(){this

咸鱼起码是条鱼·2024-01-18 16:12

【已解决】el-element中el-select的el-option选中值，不显示问题

只有第二个选了，两个都显示，这样是不对的，并且一个表单中可以有多个下拉框（之前亲测无误），这次不知道为啥解决方法：在el-select中写一个事件@change=“change”如：写法change(){this

~牧马~·2024-01-18 15:51

Vuex 起步

也许你已经学习过Vue组件通信的方式了，知道父传子通过props，子传父通过this.$emit。这两种方式有时确实很好用，也很简单。

爱妃给朕躺下·2024-01-18 14:59

axios的传参方式

在使用Axios发送HTTP请求时，有三种常见的传参方式：data、params和路径参数1、data传参this.

娃哈哈哈哈呀·2024-01-18 14:50

vue/react表单检验为空不通过

return{formData:{title:'',name:'',}}},methods:{inspection(value){Object.keys(value).some((item)=>{if(this

康健健健·2024-01-18 13:06

vue监听url地址栏参数变化

1、传递参数this.$router.push({path:url,//路由地址query:{//参数type:1}});2、监听参数变化watch:{/

Right atrium·2024-01-18 09:53

elementUI对话框

，可以不使用表单修改样式，改为类型展示{{form.projectName}}取消确定//项目作废对话框提交submitDelete(){if(this.form.deleteReason==''){this

LeeyyG·2024-01-18 08:23

推荐频道

this.$bus.$on