微信小程序循环列表标题分别为title: 'B|2',title: '|2313', 如何在wxml里将竖线右侧文字截取出来代码
时间: 2023-12-11 12:02:32 浏览: 13
你可以使用 `split` 方法将竖线左右的文字分别存入数组,然后取数组的第二个元素即可。具体代码如下:
```html
<view wx:for="{{list}}" wx:key="{{index}}">
<view>{{item.title.split('|')[1]}}</view>
</view>
```
其中 `list` 是你的数据源,`item.title` 表示每个列表项的标题,`split('|')` 将标题字符串按竖线分割成数组,再通过 `[1]` 取得竖线右侧的文字。
相关问题
怎样在微信小程序wxml里面写代码
在微信小程序的wxml文件中,可以使用类HTML的标签语法来编写代码。下面是一个简单的示例```html
<view>
<textmessage}}</text>
<button bindtap="Click">点击按钮</button>
</view>
`
在上面的示例中,`view>` 是一个容器标签,`text>` 是用于显示文本的标签,`<button>` 是一个按钮标签。`{{message}}` 是一个数据绑定的语法,用于显示变量 `message` 的值。
你还可以为按钮绑定一个点击事件,通过 `bindtap` 属性来指定一个在 JavaScript 中定义的函数名,例如 `handleClick`。
除此之外,wxml 还支持条件判断、循环等语法,可以使用 `wx:if`、`wx:for`等属性来实现。具体的语法和用法可以参考微信小程序的官方文档。
微信小程序里 在wxml页面,wx:for{{order}}得到的多个数据,如何单独控制某条数据的显示与隐藏
你可以使用条件渲染指令`wx:if`或者`wx:elif`来单独控制某条数据的显示与隐藏。例如,你可以在`wx:for`循环中使用`wx:if`指令来判断当前数据是否需要显示,示例如下:
```html
<view wx:for="{{order}}" wx:key="index">
<view wx:if="{{item.show}}"> {{item.name}} </view>
</view>
```
在上述示例中,我们通过判断`item.show`的值来决定是否显示该条数据。如果`item.show`为`true`,则显示该条数据的`name`属性值,否则该条数据不会被渲染出来。