uniapp 组件使用

摘要:
--擅长:{{item.professional}}--˃{{条目.desc}}{item.created_at}}},方法:{//跳转到相应的详细信息页面到details{console.log}}}}3.注册组件*页面介绍:从“组件路径”导入新闻列表*注册组件:组件:{newsList}4。使用组件[列表是在您使用的页面中存储数据的数组]

组件使用情况:页面出现多个相似的页面这个时候我们就可以把公共的页面进行封装,避免冗余的代码

1. compoents 目录下新建组件,名称随意[案例就叫 newsList]
2. 开始封装需要多次使用的组件

<view class="cu-card article no-card doctors">
  <view   v-for="item,index in newsList" :key='index' @tap='toDetails(index)'>
    <view class="content">
      <image :src="http://t.zoukankan.com/item.imgSrc" mode="aspectFill"></image>
      <view class="desc">
        <view class="">{{item.title}}</view>
        <!-- <view class="">
        擅长:{{item.professional}}
        </view> -->
        <view class="text-content">{{item.desc}}</view>
        <view class="text-gray">{{item.created_at}}</view></view>
    </view>
  </view>
</view>
<script>
export default {
    name: 'newsList',//组件的名称 
    props: { newsList: { //需要传递的值,这边传的是数组 
                type: Array } 
    }, 
    data() {
        return { } 
    }, methods: {
        //跳转到对应的详情页面 
        toDetails(index) { 
            console.log("--跳转到详情--" + index) }
       } 
        }
</script>

3. 注册组件
* 页面引入:import newsList from "组件路径(相对路径)"
* 注册组件:compoents:{newsList}
4. 使用组件[list为你使用的页面里面存放数据的数组]
<newsList :newsList='list'></newsList>

免责声明:文章转载自《uniapp 组件使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇datetime的取日期,取前一天的日期。简单记号一下qt嵌入式html和本地c++通信方式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

influxdb简单使用

之前对influxdb有一个简单的了解和入门的使用,近期由于想使用influxdb做一点东西玩玩,又要捡起influxdb。而在influxdb下没有细分的表的概念,influxdb下的表在插入数据库的时候自动会创建。更多用户权限设置可以参看官方文档:https://docs.influxdata.com/influxdb/v1.0/query_langua...

为服务中网关的作用

“API网关”核心组件是架构用于满足此些需求。API网关定位为应用系统服务接口的网关,区别于网络技术的网关,但是原理则是一样。API网关统一服务入口,可方便实现对平台众多服务接口进行管控,对访问服务的身份认证、防报文重放与防数据篡改、功能调用的业务鉴权、响应数据的脱敏、流量与并发控制,甚至基于API调用的计量或者计费等等。...

高斯键盘设置指南

高斯键盘设置指南如何打开蓝牙模式电源:蓝牙需要电源。高斯GS87-D有两种通电方式:将键盘背面的开关转到on;使用USBType-C电源切换模式:Fn+P用于在有线模式和无线模式之间切换。按下Fn+P,Fn+PP右上角的键盘灯闪烁3次。有线模式和蓝牙模式相互切换。但是,没有指示灯指示当前模式是有线模式还是蓝牙模式如何连接蓝牙代码匹配:长按Fn+P,直到P键快...

docker安装MySQL5.7示例!!坑,ERROR 1045 (28000): Access denied for user

处理mysql1045错误1.在/usr/local/mysql/conf中添加一个文件。d目录:mysql文件的内容是:[mysqld]skip-grant-tables2重新启动mysql:dockerstartmysql5.73进入docker:dockerexec-itmysql5.7bash4登录mysql:mysql-uroot-p5将root密...

如何根据角色批量激活SAP Fiori服务

我们知道Fiori的角色不同于ERP,即使您的帐户具有SAP_ALL权限,但当您打开Fiori时,它也是空的:只有在您将Fiori所需的角色添加到帐户并激活相关服务时,才能使用Fioriapp。否则,打开Fioriapps将报告错误。可以通过GUI事务代码找到特定错误:/n/iwfnd/error_Log以查看特定原因。...

sqlmap 安装使用

Id=1“”8)从配置文件加载攻击目标,并使用参数“-c”指定配置文件。Sqlmap将解析配置文件并根据配置文件的配置执行操作。sqlmap conf文件的安装目录中有一个名为sqlmap的文件,它是配置文件的模板。Id=1“--当前用户#列出数据库sqlmap.py u的所有用户”http://192.168.12.157:30336/#/login?...