-
2020-01-01 00:00
- 30
- 0
子组件：
<view class='dialog' hidden='{{show}}'>
<view>{{title}}</view>
<view>{{content}}</view>
<view class='btn'>
<text bindtap='confirmEvent'>确定</text>
<text bindtap='cancelEvent'>取消</text></view>
</view>
子组件js:
properties: {
title:{
value:"弹窗",
type: String,
},
content: {
value: "这是一个自定义弹窗",
type: String,
},
show:{
type:Boolean,
value:false
}},
/**
- 组件的初始数据
*/
data: {
},
ready:function(){
console.log("ready")},
父组件：
<compontent_child id="child" data-show="{{show}}" title="11111111" content="2222222222" bindcancelEvent="_cancelEvent"
bindconfirmEvent="_confirmEvent"></compontent_child><button bindtap='showDialog'>点击出现弹窗</button>
父组件js：
// pages/parent/parent.js
Page({
/**
- 页面的初始数据
*/
data: {
show:true},
showDialog:function(e){
this.setData({
show:!this.data.show,
})
console.log(this.data.show)}
})
目前是想根据父组件的showDialog事件，控制show，使用data-show传给子组件，子组件接收show的值，从而控制显示和隐藏
- 共 0 条
- 全部回答
-
執傘待亽歸 普通会员 1楼
在小程序中，可以通过子组件的props属性获取父组件的值，然后动态显示。以下是一个简单的例子：
首先，父组件：
javascript <view> <child-component @child-data="handleChildData" /> </view>子组件：
javascript props: { childData: { type: String, default: '' } }, methods: { handleChildData(data) { this.$emit('child-data', data); } }然后，在父组件的data属性中，可以通过childData属性获取子组件的数据：
javascript data() { return { childData: '' } },在子组件中，可以通过handleChildData方法获取子组件的数据：
javascript methods: { handleChildData(data) { console.log(data); // 在这里可以看到子组件的数据 } }在这个例子中，当父组件的childData属性的值改变时，子组件的handleChildData方法会被调用，子组件的数据也会被动态显示。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部