随笔分类 -  vue

vue相关
摘要:1.确定字典获取的接口 目录在 /src/api/index.js // 根据字典类型查询字典数据信息 export function getDicts(dictType) { return new Promise((resolve)=>{ resolve({ code: 200, data: [{ 阅读全文
posted @ 2024-05-13 17:06 天官赐福· 阅读(1054) 评论(0) 推荐(0) 编辑
摘要:Vue中 v-model 和 :model 的区别 1、v-model 通常用于表单上双向数据的绑定,如果除了表单其他组件使用时,起不到任何效果。 它还可以实现子组件到父组件的双向数据动态绑定。 input上的v-model: <input v-model="price"><!-- 下行注释的语法糖 阅读全文
posted @ 2023-12-13 17:33 天官赐福· 阅读(1054) 评论(0) 推荐(0) 编辑
摘要:element中select组件加入滚动分页及模糊查询 1.directive.js-自定义vue指令 import Vue from 'vue' export default () => { Vue.directive('loadMore', { bind (el, binding) { // 如 阅读全文
posted @ 2023-11-16 18:49 天官赐福· 阅读(717) 评论(0) 推荐(0) 编辑
摘要:vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来,但是又没有在props中定义的数据。(class及style除外) 2.父子组件之间数据传递的用法 爷爷组件-grandpa: <template> <div> <span>爷爷</span> <Son 阅读全文
posted @ 2023-10-30 16:01 天官赐福· 阅读(397) 评论(0) 推荐(0) 编辑
摘要:作用: 组件切换时保持组件状态不被销毁 属性: include——包括:值为字符串或正则表达式或数组;指定的组件被缓存 exclude——不包括:值为字符串或正则表达式或数组;指定的组件不被缓存 exclude优先级高于include 用法: <keep-alive include="home,ab 阅读全文
posted @ 2023-10-11 15:08 天官赐福· 阅读(19) 评论(0) 推荐(0) 编辑
摘要:egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi 阅读全文
posted @ 2023-10-11 10:12 天官赐福· 阅读(156) 评论(0) 推荐(0) 编辑
摘要:作用:用于子组件中触发父组件方法并传值 使用一:$emit //子组件中 <template> <button @click="handleChildEvent">子组件中触发的事件</button> </template> <script> export default { name:'Child 阅读全文
posted @ 2023-09-27 16:00 天官赐福· 阅读(5971) 评论(0) 推荐(1) 编辑
摘要:适用场景: 如果要改变data中的对象或者数组,会发现data数据改变了,但是页面上并没有更新 如: this.list[index].sex = '男'; 此时要想更新可以使用 this.$set(this.list[index],'sex','男') 也可以使用 this.list[index] 阅读全文
posted @ 2023-09-27 15:35 天官赐福· 阅读(1042) 评论(0) 推荐(0) 编辑

返回顶端
点击右上角即可分享
微信分享提示