微信小程序开发问答《六十四》赋值undefined & wx for中对满足条件的项添加clas ...

2、微信小程序赋值undefined 新手求解

在事件函数中传值给data 中的inputValue变量 但是实际上inputValue的值确实undefined 具体原因是在查不清楚 求各位帮帮忙 感谢 网上给出的一些方法都尝试过还是不行

  data: {
    inputValue:" ",
    resultset: [{text:"aaa"},{text:"bbb"}, {text: 'ccc'}, {text: 'f' }],
    
    showClearBtn: false

  
  },

searchActiveChangeinput: function (e) {
     const val =e.detail.value
     console.log("输入"+val)
     this.setData({
       'data.showClearBtn': val != '' ? true : false,
       'data.inputValue':e.detail.value
     })
     console.log("搜索"+this.data.inpuVaue)
  },

答：

不应该这样写'data.inputValue',
如果一个对象是，userinfo:{ins:1},可以写成'userinfo.ins'这样
ps:
this.setData({
   inputValue:"258963"，
    'userinfo.ins':"2589"
})

`this.setData({
   'showClearBtn': val != '' ? true : false,
   'inputValue':e.detail.value
 })`

this.setData({
  a: 1,
})
console.log(this.data.a);
//1

3、wx for中对满足条件的项添加class

我想在这个遍历中通过daysList数组下标和 另外一个数组中的值进行比较，如果相等则添加类名checked,就是一个背景图标。底下代码中添加的类名thisDay只是一个标签的类。

请输入代码

<text wx:for="{{daysList}}" wx:key="*this" wx:for-index="idx" word-wrap:="" break-word;="" margin:="" 0px;="" padding:="" 0px;"="" 1.5em="" color:="" font-family:="" helvetica="" pingfang="" hiragino="" sans="" wenquanyi="" micro="" microsoft="" line-height:="" background-color:="">这个是另一个数组：

<view wx:for="{{signDays}}" wx:for-item="jitem">{{jitem}}view>

想把两个数组的内容关联起来，不知道怎么办，请大神指导下该怎么弄。绝望中...

答：那你在视图层肯定是不行的，感觉要在js里去遍历然后再在视图层去wx:if

4、微信小程序：隐藏和显示功能

app.js

1. Page({
2. data:{
3. showView:true
4. },
5. onLoad:function(options){
6. // 生命周期函数--监听页面加载
7. showView:(options.showView=="true"?true:false)
8. }
9. ,onChangeShowState:function(){
10. var that=this;
11. that.setData({
12. showView:(!that.data.showView)
13. })
14. }
15. })

app.wxml

1. [html] view plain copy
2. <viewclassviewclass="page">
3. <view >
4. <buttonbindtapbuttonbindtap="onChangeShowState">{{showView?'隐藏':'显示'}}button>
5. view>
6. <view class="bright789_view_hide{{showView?'bright789_view_show':''}}">
7. <textclasstextclass="bright789-text">我是被显示被隐藏控件text>
8. view>
9. view>

app.wxss

1. [html] view plain copy
2. .bright789-text{
3. font-size: 40rpx;
4. line-height: 40px;
5. color: #ff0000;
6. }
7. .bright789_view_hide{
8. display: none;
9. }
10. .bright789_view_show{
11. display: block;
12. }