uniapp用uview的u-read-more遍历显示一个数组的对象内容,使用模板字符串渲染
时间: 2023-02-12 10:29:49 浏览: 330
可以在Uni-app项目中使用uView库中的u-read-more组件来遍历显示一个数组中的对象内容,并使用模板字符串来渲染。
示例代码:
1.在项目中安装 uView-ui
```
npm i uview-ui
```
2.在页面的script中引入u-read-more
```javascript
import { uReadMore } from 'uview-ui';
export default {
components: {
uReadMore
},
```
3. 在template中使用u-read-more组件并绑定数组
```html
<template>
<u-read-more v-for="(item,index) in list" :key="index" :content="item.content" :more-text="'更多'" :less-text="'收起'"></u-read-more>
</template>
```
4.在script中声明数组
```javascript
data() {
return {
list: [
{
content: '这是第1个对象的内容'
},
{
content: '这是第2个对象的内容'
},
{
content: '这是第3个对象的内容'
}
]
}
}
```
更多详细使用方法参考uView官网文档:https://uviewui.com/components/readMore.html
阅读全文