首页 > 其他分享 >vue组件回调自己,完成动态渲染

vue组件回调自己,完成动态渲染

时间:2022-12-15 10:56:52浏览次数:52  
标签:121138249 vue 渲染 blog pc relevant 组件 回调

最近改同事留下来的bug,可能当时后端也没完全实现需求~属于双向不上心哈哈哈~

上原型,通讯录选择,如下图:部门是下面有部门,下拉部门查询部门下挂的员工、进行选择

第一个想到的是写回调函数,异步获取后端数据data,找list,发现有list就继续回调自己,没有就终止回调。(后来发现把list找出来之后,不知道干啥。。。怎么放?怎么渲染到页面?。。。)

然后就想到了这里要说的vue组件回调。

下面是页面逻辑:

 

 组件回调自己的注意事项,①和②的name值要保持一致,另外自己回调自己的时候,该传的参数还是要传,以防第二次回调走错逻辑,页面混乱,踩过一次坑喔噢噢

 

 如果组件回调用法描述不清晰可以参考下面这个博主,他描述的清晰一点:

https://blog.csdn.net/weixin_42980874/article/details/121138249?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-121138249-blog-127636518.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-121138249-blog-127636518.pc_relevant_default&utm_relevant_index=1

===========================================================================================

上述不足请指正,共同进步哦~

 

标签:121138249,vue,渲染,blog,pc,relevant,组件,回调
From: https://www.cnblogs.com/zhao-qin/p/16984342.html

相关文章

  • Web实时预览 & 界面组件Telerik——提高开发者工作效率的完美组合
    TelerikDevCraft包含一个完整的产品栈来构建您下一个Web、移动和桌面应用程序。它使用HTML和每个.NET平台的UI库,加快开发速度。TelerikDevCraft提供最完整的工具箱,用于构......
  • vue-router路由之路-极简教程
    01、什么是前端路由?前端路由的一个大背景就是当下流行的单页应用SPA,一些主流的前端框架,如vue、react、angular都属于SPA,那什么是SPA呢?1.1、SPASPA(single-pageapplicat......
  • vue+django项目nginx部署在https下
    vue+django项目nginx部署在https下1.问题出现这个问题的原因是在https网站下浏览器不允许发送http请求。由于django默认是http,所以肯定会报这个错误,如果网站部署在http......
  • Vue笔记6--组合式API setup
    1、组合式api-setup组合式api将同一个逻辑关注点的代码收集在一起。在组件被创建前执行,props解析完成后被作为组合式api入口。setup取代了beforeCreate()和created(),由于......
  • Blazor组件自做十三: VideoPlayer 视频播放器
    Video.js是一个具有大量功能的流行的视频和音频JavaScript库,今天我们试试集成到Blazor.BlazorVideoPlayer视频播放器组件示例https://blazor.app1.es/videoPl......
  • 前端开发系列061-网络篇之HTML页面渲染的基本过程
    title:前端开发系列061-网络篇之HTML页面渲染的基本过程tags:categories:[]date:2018-03-1112:10:13本文描述了HTML页面渲染的基本(一般)过程,需要说明的是该文并不......
  • 微服务组件-----Spring Cloud Alibaba 注册中心Nacos的CP架构Raft协议分析
     前言本篇幅是继 注册中心Nacos源码分析 的下半部分。  意义【1】虽说大部分我们采用注册中心的时候考虑的都是AP架构,为什么呢?因为性能相对于CP架构来说更高......
  • 每日一题之Vue的异步更新实现原理是怎样的?
    最近面试总是会被问到这么一个问题:在使用vue的时候,将for循环中声明的变量i从1增加到100,然后将i展示到页面上,页面上的i是从1跳到100,还是会怎样?答案当然是只会显示100,并不会......
  • 腾讯前端常考vue面试题(必备)
    虚拟DOM的优劣如何?优点:保证性能下限:虚拟DOM可以经过diff找出最小差异,然后批量进行patch,这种操作虽然比不上手动优化,但是比起粗暴的DOM操作性能要好很多,因此虚拟......
  • 每日一题之Vue数据劫持原理是什么?
    什么是数据劫持?定义:数据劫持,指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果。简单地说,就是当我们触发函数的时候动......