小程序wxml中<view>{{globalData.xxx}}</view>无效
时间: 2023-06-10 15:05:16 浏览: 64
这个问题可能有几种原因导致无效:
1. globalData.xxx 这个变量没有被定义或者没有传值。
2. 在 wxml 中使用了错误的语法或者写错了标签,导致渲染出错。
3. 其他代码逻辑问题,导致 globalData.xxx 变量的值不正确或者被覆盖了。
我们可以根据错误提示或者代码检查来排除这些可能性,找到问题并解决它。
相关问题
<view class="placeholder" bindlongpress="delect" > <view wx:for='{{pageList}}' wx:key="_id" class="event-list"> <navigator url="../home/imgshow?id={{item._id}}" class="event-link" data-aid="{{item._id}}"> <view class="event-img" > <image mode="widthFix" src="{{item.fileID}}"> </image> </view> <view class="event-content" > <view class="event-title" >"{{item.name}}"</view> <view class="event-desc">"{{item.discribe}}"</view> <view class="event-box"> <view class="event-time">"{{item.time}}"</view> </view> </view> </navigator> </view> </view>在以上微信小程序wxml代码中为什么delect方法中event.currentTarget.dataset.aid显示undefined
在上述代码中,`delect`方法是在`view`标签上绑定的长按事件,但是`event.currentTarget.dataset.aid`是从`navigator`标签上获取的属性。因此,当长按`view`标签时,它无法正确获取`navigator`标签上的属性值,导致`undefined`的出现。
要解决这个问题,你可以将`data-aid`属性从`navigator`标签移动到`view`标签上,这样就可以在`delect`方法中正确获取到`data-aid`的值了。例如:
```html
<view class="placeholder" bindlongpress="delect">
<view wx:for='{{pageList}}' wx:key="_id" class="event-list">
<navigator url="../home/imgshow?id={{item._id}}" class="event-link">
<view class="event-img" >
<image mode="widthFix" src="{{item.fileID}}">
</image>
</view>
<view class="event-content" data-aid="{{item._id}}">
<view class="event-title" >"{{item.name}}"</view>
<view class="event-desc">"{{item.discribe}}"</view>
<view class="event-box">
<view class="event-time">"{{item.time}}"</view>
</view>
</view>
</navigator>
</view>
</view>
```
然后在`delect`方法中使用`event.target.dataset.aid`来获取`data-aid`属性的值即可。例如:
```javascript
Page({
delect: function(event) {
var id = event.target.dataset.aid;
console.log(id);
}
});
```
<view class="placeholder" bindlongpress="delect"> <view wx:for='{{pageList}}' wx:key="_id" class="event-list"> <navigator url="../home/imgshow?id={{item._id}}" class="event-link" > <view class="event-img" > <image mode="widthFix" src="{{item.fileID}}"> </image> </view> <view class="event-content" data-aid="{{item._id}}"> <view class="event-title" >"{{item.name}}"</view> <view class="event-desc">"{{item.discribe}}"</view> <view class="event-box"> <view class="event-time">"{{item.time}}"</view> </view> </view> </navigator> </view> </view> 在以上微信小程序wxml代码中为什么delect方法中event.currentTarget.dataset.aid显示undefined
在这段代码中,`bindlongpress="delect"`是给`view`标签绑定了一个长按事件,而在该标签内部的子组件`navigator`标签则通过`data-aid`属性绑定了一个自定义数据。长按事件触发时会自动传入一个`event`对象,其中包含了触发事件的相关信息,如当前组件的一些数据,可以通过`event.currentTarget.dataset`来获取。而在`delect`方法中,`event.currentTarget`指的是当前触发事件的组件,而不是绑定了`data-aid`属性的`navigator`标签,因此无法获取到该属性的值。要想获取`data-aid`的值,可以将`delect`方法绑定到`navigator`标签上,或者使用`event.target.dataset`来获取。例如:
```
<view class="placeholder">
<view wx:for='{{pageList}}' wx:key="_id" class="event-list">
<navigator url="../home/imgshow?id={{item._id}}" class="event-link" data-aid="{{item._id}}" bindlongpress="delect">
<view class="event-img">
<image mode="widthFix" src="{{item.fileID}}"></image>
</view>
<view class="event-content">
<view class="event-title">"{{item.name}}"</view>
<view class="event-desc">"{{item.discribe}}"</view>
<view class="event-box">
<view class="event-time">"{{item.time}}"</view>
</view>
</view>
</navigator>
</view>
</view>
// JS代码
Page({
delect: function(event) {
console.log(event.target.dataset.aid);
}
})
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)