问答《一百一十六》动态获得元素内容,点击关闭再点击...

问答《一百一十六》动态获得元素内容,点击关闭再点击…

原文地址:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=5131&extra=page%3D1%26filter%3Dauthor%26orderby%3Ddateline%26typeid%3D3&utm_source=csdn

问题:
点击关闭再点击显示的功能应该用什么去写
代码如下:

/----------wxml------------/
<view class="container">
  <button bindtap="change" >点击切换</button>
  <view class='{{index=="true"?"hide":"present"}}' style="background-color:red;width:200rpx;height:200rpx;margin:20px 0 30px 0;"></view>

/-----------wxss-----------/
.hide{display:none}
.present{display:block}

/-----------js---------------/
var app = getApp()
Page({
data: {
index:'false'
},
change:function(e){
if(this.data.index=='false'){
  this.setData({index:'true'})
}else{
  console.log(this.data.index);
  this.setData({index:'false'})
}
}
})

截图:
一、刷新
刷新截图

二、点击关毕
点击关闭

三、再点击就出不来?怎么回事,求教大神
再点击就出不来

一、刷新

答:麦琪

/------------------js--------------------/
var app = getApp()
Page({
  data: {
    index: false,
  },
  change: function (e) {
    var d = e.detail.value;
    this.setData({ index: d })
  }
})

/----------------wxml-----------------/
<view class='{{!index?"hide":"present"}}' style="background-color:red;width:200rpx;height:200rpx;margin-top:20px;"></view>

已经测试过,能正常运行。

问题;
js异常信息怎么统一处理
有时候因程序代码的问题造成返回的结果不能解析,这种情况下js会报错,之后的代码就不执行,这种情况该如何处理
js异常信息怎么统一处理
答:Can 官方

try catch
没有所谓统一的方法
只能代码严谨一点

问题;
小程序动态获得元素内容
如图所示:
需求:通过点击快速添加,可以快速得将目标短语插入到当中
解决方案:
1、通过 bindblur 事件来获取当前的的值
2、点击 短语块 出发 setweihu 方法,将短语块的值插入到 中
问题:
1、setweihu方法 不触发 bindblur 方法 无法获取 到中的值
setweihu方法

答:maq

bindblur 不是【setweihu 方法触发】的,也不是由任何程序代码触发的,它是【输入焦点离开 textarea】时自动触发的。

现在我已明白 bindlur 的触发机制 ,但是我也是没办法了,才会一个个方法试过来碰运气,求教,如果要实现需求,我应该怎么办

相对于普通网页编程的 DOM 操作而言,微信小程序只能通过【数据绑定】和【事件触发】来实现双向的数据传递。

具体来说,当需要用程序设置 textarea 的时候,就调用 page.setData(),通过数据绑定传递给 textarea;当程序需要取 textarea 中的内容的时候,就通过 bindblur/bindinput 之类的事件来获取到 value 即可。

本文tag:微信小程序微信小程序指南微信小程序问答小程序跳坑指南

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值