vue
树街猫
这个作者很懒,什么都没留下…
展开
-
【VUE】组件间传值
父-子之间:父组件以属性的形式绑定值到子组件中,子组件使用props接收。 子-父之间:子组件使用$emit()触发自定义事件,父组件使用v-on监听事件。 兄弟之间:使用事件总线eventBus。首先var hub = new Vue()创建一个事件总线实例,数据传送方通过一个事件触发$emit(方法,参数),数据接收方通过mounted(){}挂载实例中触发hub.$on()方法名,销毁事件使用hub.$off()。 父子组件传值 <div id="app"> <div.原创 2021-04-27 17:06:37 · 176 阅读 · 0 评论 -
【VUE】数据双向绑定原理
Vue使用MVVM框架,采用数据劫持和发布者订阅者模式,通过Object.defineProperty()来劫持各个属性的setter和getter,在数据变动时发布消息给订阅者,触发相应监听回调。 MVVM的双向数据绑定整合Observer,Compile和Watcher三者。 1、实现一个数据监听器Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者 2、实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的更新函.原创 2021-04-27 16:34:59 · 94 阅读 · 0 评论 -
【VUE】Vue+ElementUI 中表单按下enter自动提交
问题: 我想要输入enter,自动提交 解决方案: @keyup.enter.native="你的提交处理函数" <!-- 修改参数的对话框 --> <el-dialog :title="'修改' + titleText" :visible.sync="editDialogVisible" width="50%" @close="editDialogClosed"> <!-- 修改参数的对话框 --> <el-form :mo原创 2021-04-23 22:49:04 · 1420 阅读 · 0 评论 -
【VUE】Vue+ElementUI 中级联选择器Bug问题的解决
bug1:级联选择器(Cascader)出现空白选项的bug—空级联bug 原因:最底层 的子项中 的 children 为空数组,这样就会造成空级联的bug存在。 解决方法:【link】 bug2:在element组件的级联选择器中的Hover触发级联选择器的使用中出现问题:在一定的数据量下,显示正常;数据超过一定量的时候,级联选择器的显示范围为当前可视页面的全部,而且超过当前可视页面 解决方法:【link】 ...原创 2021-04-22 21:51:27 · 1110 阅读 · 0 评论 -
vue-devtools安装【chrome浏览器】
vue-devtools安装【chrome浏览器】官网下载下载方法一 git clone下载方法二 压缩包安装安装yarn配置参考链接 官网下载 guthub地址:vue-devtools 如果可以科学上网,那可以直接安装chrome插件,地址在github中也有给出: chrome商店 如果不能科学上网,那就离线安装吧。 常用下载方法就是下面图标识的两种,方法一适合Git已经安装的朋友,方法二会下载一个压缩包。 下载方法一 git clone 创建一个空的文件夹(或者选择一个文件夹),右键选择Git原创 2021-03-03 20:05:38 · 536 阅读 · 1 评论