js弹出弹窗,并从弹窗中取值,返回父页面

//弹出弹框
 url="${pageContext.request.contextPath}/facegl/eyecool/eyecool.jsp?pqdwbmid="+pqdwbmid+"&rytype="+rytype;
 open_win = window.open(url, "pgzprint", "height=550,width=700,top=250,left=600,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes",true);

从弹窗中取值,并在父页面接收

//父页面
 function openCream(rytype){
            var pqdwbmid =$("*[name='pqdwbmid']").val();
 			url="${pageContext.request.contextPath}/facegl/eyecool/eyecool.jsp?pqdwbmid="+pqdwbmid+"&rytype="+rytype;
			open_win = window.open(url, "pgzprint", "height=550,width=700,top=250,left=600,status=yes,toolbar=no,menubar=no,location=no,scrollbars=yes",true);
			setValue(name,sqspqx,lx);
	}
 function setValue(name,sqspqx,lx) {
            if (lx==0){
                $("#ry_xm_sp").val(name);
                $("#ry_sqspqx_sp").val(sqspqx);
            }
            if(lx==1){
                $("#ry_xm_ly").val(name);
                $("#ry_sqspqx_sq").val(sqspqx);
            }
        }
  //子弹窗
  window.opener.setValue(name,sqspqx,lx);
  window.close();      
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
页面给子页面传值的方式有多种,以下是其的两种: 1. 使用props属性 组件可以通过props属性将数据传递给子组件。在子组件,通过props选项来声明需要接收的数据。 组件: ```javascript <template> <child-component :propName="parentData"></child-component> </template> <script> export default { data() { return { parentData: 'hello world' } } } </script> ``` 子组件: ```javascript <template> <div>{{propName}}</div> </template> <script> export default { props: { propName: String } } </script> ``` 2. 使用$emit方法 组件可以通过$emit方法触发子组件的自定义事件,并传递需要的数据。 组件: ```javascript <template> <child-component @customEvent="onCustomEvent"></child-component> </template> <script> export default { methods: { onCustomEvent(data) { console.log(data) } } } </script> ``` 子组件: ```javascript <template> <button @click="emitCustomEvent">Click Me</button> </template> <script> export default { methods: { emitCustomEvent() { this.$emit('customEvent', 'hello world') } } } </script> ``` 子页面如何从页面取值,可以通过以下两种方式: 1. 使用props属性 子组件可以直接通过props属性来获取从组件传递过来的数据。 ```javascript <template> <div>{{propName}}</div> </template> <script> export default { props: { propName: String } } </script> ``` 2. 使用$parent属性 子组件可以通过$parent属性来获取组件的实例,然后再通过该实例来访问组件的数据。 ```javascript <template> <div>{{parentData}}</div> </template> <script> export default { computed: { parentData() { return this.$parent.parentData } } } </script> ``` 需要注意的是,使用$parent属性获取组件的实例是一种不太推荐的方式,因为它会使子组件与组件之间产生紧密的耦合。在可能的情况下,建议使用props属性来传递数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值