文章列表
-
- 八种Vue组件间通讯方式合集(推荐)
- 前言Vue 提供了各种各样的通讯,其中包括 兄弟间 的通讯和 非兄弟间 的通讯,借此机会做个总结,查阅起来方便。如果喜欢的话可以帮忙点个赞 :+1: 或者关注一下 :yum:1、props目录结构components ├── Parent.vue // 父亲 ├── Son1.vue // 儿子1...
- 日期:2022-12-05
- 浏览:124
- 标签: Vue
-
- vue离开当前页面触发的函数代码
- 我就废话不多说了,大家还是直接看代码吧~destroyed(){ console.log(’销毁’)}补充知识:vue中进入路由页面和离开路由页面后执行函数进入路由页面mounted(){ this.$nextTick(()=>{ show(); })}离开路由页面后执行函数des...
- 日期:2022-12-01
- 浏览:115
- 标签: Vue
-
- 在vue中封装方法以及多处引用该方法详解
- 步骤:1.先建立一个文件,放你想封装的方法;然后导出;部分代码:注: 导出这个地方需要特别注意:如果是一个对象的话:export 对象;如果是一个函数的话:export { 函数 }2.引入文件:补充知识:vue uni-app 公共组件封装,防止每个页面重复导入1、公共插件实现目标,将公共组件或者...
- 日期:2022-12-07
- 浏览:136
- 标签: Vue
-
- Vue的Options用法说明
- el:挂载点与$mount有替换关系new Vue({ el: '#app'});new Vue({}).$mount(’#app’)注:被你选为挂载点的那个元素,如果在index.html里那个元素里面本来就有内容,在渲染时会消失(网速慢可以看到),被这个vue实例的对应内容所覆盖。data:内部...
- 日期:2022-12-06
- 浏览:115
- 标签: Vue
-
- vue 防止多次点击的实践
- 一般点击事件会分不同的情况进行消息提醒,如果不做处理,短短几秒弹出很多条提示信息,就会很烦,比如:那要怎么控制这个提示信息只能出现单条呢再点击事件的方法最前面加上定义变量hasRemind来控制是否执行点击事件里的相应操作当用户第一次点击的时候,hasRemind = false,此时,进入到第二个...
- 日期:2023-02-16
- 浏览:7
- 标签: Vue
-
- Vue路由切换页面不更新问题解决方案
- 前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。这也会导致一个问题,就是引用相同组件的时候,会导致该组件无法更新,也就是我们口中的页面无法更新的问题了。一、问题呈现在路由中进行切换结果这时候会发现input标签的value值并没有随...
- 日期:2023-01-08
- 浏览:125
- 标签: Vue
-
- vue实现简易图片左右旋转,上一张,下一张组件案例
- 项目需求,嵌到elementUi里的小组件,写得不好,不喜勿喷,谢谢父组件代码<template> <div> <see-attachment :filesLists=’files’ :file=’imgFile’ v-if='showmask' @hideMask=’...
- 日期:2022-12-21
- 浏览:97
- 标签: Vue
-
- Vue实现计数器案例
- 本文实例为大家分享了Vue实现计数器展示的具体代码,供大家参考,具体内容如下效果:<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>计数器&l...
- 日期:2022-09-28
- 浏览:26
- 标签: Vue
-
- vue-electron中修改表格内容并修改样式
- 本文主要介绍了vue-electron中修改表格内容并修改样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
- 日期:2022-06-09
- 浏览:130
- 标签: JavaScript
-
- Vue封装通用table组件的完整步骤记录
- 目录前言为什么需要封装table组件?第一步:定义通用组件第二步:父组件与子组件进行render通信第三步:使用组件总结前言随着业务的发展和功能的增多,我们发现不少页面都具备相似的功能,这里举几个比较俗的例子:可以多选的下拉菜单,带输入的对话框,日期选择器等等,于是我们会想办法将这些共有的功能抽取成...
- 日期:2023-02-10
- 浏览:156
- 标签: Vue