this.$bus.$on 第8页

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

Elemen table布局错乱解决方案

示例解决方案方案一、、、//接口请求触发重新布局方法this.$nextTick(()=>{this.

EsquireY·2024-01-18 07:23

vue+echarts几种常用图表动态数据切换

几种常用图表1.柱状图：2.平滑折线面积图：3.折线图堆叠：4.饼状图：1.柱状图：效果图代码片段HTML部分：JS部分：getEchartData(){this.

今天拔牙么·2024-01-17 21:39

vue+echarts 几个案例

普通柱状图import*asechartsfrom"echarts"importaxiosfrom'axios'exportdefault{mounted(){letmychart=echarts.init(this

冲鸭嘟嘟可·2024-01-17 21:38

iframe中，修改列表中一项，保存后跳转回列表页

跳转回列表页top.frames[0].locationj.href="/page/supplier_store";//js跳转的知识或者this.

宋乐怡·2024-01-17 17:05

refs传值

父组件和子组件同时展示父组件：点击created(){this.init();},methods:{init(){this.

Frilled Lizard·2024-01-17 16:54

props传值问题

父组件：created(){this.init();},methods:{showdialog(){this.dialogFormVisible=true;},init(){this.

Frilled Lizard·2024-01-17 16:24

el-form验证问题

如果第一次打开el-dialog有验证失败，重新打开el-dialog仍然会有验证失败解决方案：给el-dialog绑定close事件，并调用clearValidate()closedialog(){this

Frilled Lizard·2024-01-17 14:17

vue2.0/3.0 使用ref获取dom元素

vue2.0用ref获取DOM元素的：我会被拖动exportdefault{mounted(){console.log(this.

小粗腿Cc·2024-01-17 13:11

Vue 设置焦点

使用ref定位控件mounted(){//得到焦点this.$nextTick(()=>{this.$refs.inputName.focus()})}

满上·2024-01-17 11:33

【Vue】后端返回文件流，前端预览文件

letdate;request({url:this.

皮卡丘-ysh·2024-01-17 11:36

已实现：JS如何根据视频的http(s)地址，来截取帧图片，并实现大图压缩的功能

接下来是js关键方法部分：asyncextractFrame(){this.shootLoading=trueconstvideo=this.$

刚作愁时又忆卿·2024-01-17 09:14

vue中的.sync语法糖

sync是一个语法糖，他应用在父子组件传值中；在父组件中:属性名='属性值'@update:属性名='属性名=$event'可以简写为：:属性名.sync='属性值'注意：使用.sync后，子组件中使用this

夜尽天明962464·2024-01-17 08:38

推荐频道

this.$bus.$on