当前位置: 首页 > news >正文

在哪可以找到网站湖北seo公司

在哪可以找到网站,湖北seo公司,嘉兴网站建设定制,营销策划公司的成本有哪些这个写是不是很新颖&#xff0c;传父组件传值&#xff01;这是什么鬼。。。 假设你有以下逻辑业务。在A页面弹出一个组件B&#xff0c;A组件里面使用B组件&#xff0c;是否展示B组件你使用的是baselineShow变量控制&#xff01; <BaselineData :isVisible.sync"basel…

这个写是不是很新颖,传父组件传值!这是什么鬼。。。

假设你有以下逻辑业务。在A页面弹出一个组件B,A组件里面使用B组件,是否展示B组件你使用的是baselineShow变量控制!

<BaselineData :isVisible.sync="baselineShow" @addNewCrfAction="addNewCrfAction"/>

而B组件里面是你封装的el-dialog!如下,B组件内的代码为:

<template><el-dialog title="选择CRF" :visible.sync="isVisible" width="850px"append-to-body:close-on-click-modal="closeOnClickModal":show-close="showClose":before-close="handleClose"><div class="mt-20 flex wrap main-box" v-loading="apiLoading">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div><span slot="footer" class="dialog-footer"><el-link type="primary" class="mr-15" @click="checkedClear">清空</el-link><el-button type="primary" @click="submit">确定</el-button><el-button type="plain" @click="cancel">取消</el-button></span></el-dialog>
</template><script>
import crudCrfs from '@/api/crf/template'
export default {props: {isVisible: {type: Boolean,default:false},closeOnClickModal: {type: Boolean,default:true},showClose: {type: Boolean,default:true},showAddOption: {type: Boolean,default:true},},data() {return {list: [],apiLoading:true}},created(){crudCrfs.getAllCrfs().then(res=>{res.forEach(e=>{e.selected = falsee.subTitle = '包含' + e.groupCount + '个题组,' + e.componentCount + '字段'this.list.addObject(e)})this.apiLoading = false})},methods: {handleClose() {this.$emit('update:isVisible', false);},checkedItems(i, num) {i.selected = !i.selected},checkedClear() {this.list.filter(e=>e.selected).forEach(element => {element.selected = false});},submit() {let activeList = []this.list.filter(e=>e.selected).forEach((element,index) => {// activeList.addObject(index)activeList.addObject(element)});this.$emit('baselineSubmit', activeList)this.$emit('update:isVisible', false);this.dataBlock.callLogicDataBlock("addedBaselineSuccess", { "state": 'success' })},addNewCrfAction(){this.$emit('update:isVisible', false);this.$emit('addNewCrfAction',{})},cancel(){this.$emit('update:isVisible', false);this.$emit('cancelAction',{})}}
}
</script><style>.addCrf {height: 60px;width: 200px;line-height: 60px;border: 1px dashed lightgray;background-color: rgb(245, 245, 245);}.items-w {width: 244px;}.main-box {max-height: 300px;overflow-y: auto;}.items-check {right: 10px;top: 25px;}
</style>

在A页面弹出B组件:

此时当你在B组件内部关闭弹窗时,你就不得不在A组件里面同步更新A组件里面的变量baselineShow!否则下次无法弹出此页面。那如何在B组件内部同步修改A组件内的值呢?

核心代码:告诉B组件哪个变量要进行同步修改,进行如下标记;

:isVisible.sync="baselineShow"

切换A里面使用的时候不能这样使用: v-if="baselineShow",如果这样使用则达不到预期的效果!!

<BaselineData v-if="baselineShow" :isVisible.sync="baselineShow" @addNewCrfAction="addNewCrfAction"/>

在B组件内部关闭弹窗时调用:则不必再去手动维护A组件内部的变量baselineShow!

this.$emit('update:isVisible', false);

同样B组件内部的props定义也要注意!

props: {isVisible: {type: Boolean,default:false},
}
http://www.dinnco.com/news/35982.html

相关文章:

  • 北京电力交易中心有限公司上海百度seo网站优化
  • app软件在哪下载深圳seo优化排名推广
  • 新闻类网站开发网络广告策划与制作
  • 请描述网站开发的一般流程苏州百度推广分公司电话
  • 网站维护好的方法免费百度下载
  • 英文seo网站建设seo搜索引擎优化报价
  • 延吉制作网站下载百度网盘app最新版
  • 吐鲁番做网站荆门网站seo
  • 好视通视频会议app下载安装一个企业seo网站的优化流程
  • 校园网站制作方法seo兼职招聘
  • 长葛哪里有做网站的湖南长沙疫情最新情况
  • 阿里云怎么建网站扬州网站推广公司
  • 专业做网站机构seo广告优化多少钱
  • 在线做投资网站近期时事新闻
  • 网站平台建设实训体会百度指数批量查询工具
  • 那些网站是php做的惠州搜索引擎优化
  • 国外虚拟主机 两个网站河北seo人员
  • 博客网站排名大全百度网站ip地址
  • 网站建站东莞百度网盘客服电话24小时
  • 怎样优化网站排名靠前快速排名网站
  • 免费客户销售管理软件青岛seo青岛黑八网络最强
  • 微信存储wordpress武汉seo创造者
  • 网络互联网推广福建seo网站
  • 电子科技产品东莞网站建设六种常见的网站类型
  • 自己做网站php好做吗百度推广平台
  • 门户网站建设厂商名录线下推广团队
  • 申请注册网站域名.商城网络营销的主要传播渠道
  • 东莞+网站+建设+汽车app开发定制
  • 无锡网站建设套餐上海推广服务
  • 响应式网站算几个页面宣传广告怎么做吸引人