国产免费av片在线观看-国产免费av观看-国产免费av电影-国产免费a-四虎网站在线观看-四虎网站在线

訂閱本欄目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app自定義組件調用

2020/9/15 15:31:39 字體: 瀏覽 2921

uni-app自定義組件
步驟1.在項目中新建一個 component文件夾, 用來存放公用組件

在新建組件中需要在 template中為組件綁定名稱,如 itemMoive

<template name="itemMoive">
    <view class="item">
        <image :src=" movie.images.large " class="photo"></image>
        <view class="title">{{ movie.title }}</view>
        <view class="score">
            <block v-if=" movie.stars ">
                <view class="stars">
                    <image v-for="(starItem, starItemIdx) in movie.stars.on" :key="starItemIdx" src="/static/imgs/rating_star_small_on.png"
                     class="star"></image>
                    <image v-for="(starItem, starItemIdx) in movie.stars.half" :key="starItemIdx" src="/static/imgs/rating_star_small_half.png"
                     class="star"></image>
                    <image v-for="(starItem, starItemIdx) in movie.stars.off" :key="starItemIdx" src="/static/imgs/rating_star_small_off.png"
                     class="star"></image>
                    {{ movie.rating.average }}
                </view>
            </block>
            <block v-else>
                <view class="noscore">暫無評分</view>
            </block>
        </view>
    </view>
</template>

還需要在 export default中聲明方法,然后在``props```定義需要外界傳入的參數


<script>
    export default {
        name: "itemMoive",
        data() {
            return {
               
            };
        },
        // 此處定義傳入的數據
        props: {
            movie: {
                type: Object,
                value: null
            }
        }
       
    }
</script>


步驟二.在需要用組件的頁面

import 導入
import itemMoive from "components/itemMoive.vue"

warning注意不要寫成絕對路徑
錯誤寫法
import itemMoive from "/components/itemMoive.vue"

然后在components中注冊組件名稱,以后用的時候就直接用這個定義的名稱
components: {
    // 注冊
   itemMoive
}


步驟3.具體用法 :movie=即為需要傳入的數據
<itemMoive v-for=" (movie,movieIdx) in item.movies " :movie="movie" :key="movieIdx" class="item"></itemMoive>

相關閱讀
北京陽光無限經貿有限公司
對于轉換的不確定數數用ubound進行下限處理
旅行社手機網站默認模板
生成隨機字符串的函數,可以做為驗證碼一類的使用
如何徹底卸載電腦里你不想用的軟件
提交按鈕在自定時間內灰色不可用
uni-app實現tab選項卡
window.location.href跳轉無反應不跳轉解決
共有0條關于《uni-app自定義組件調用》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
uni-app開發表單input組件的一些規則說明自己預留使用
uni-app:使用uni.downloadFile下載word或pdf文件并保存到手機
小程序中利用addPhoneContact將聯系人的信息添加到手機通訊錄支持保存聯系人頭像
微信小程序打開客服提示:該小程序提供的服務出現故障,請稍后重試
微信小程序客服會話只能過button讓用戶主動觸發
uni-app開發微信小程序使用button的open-type為contact調用微信客服不能用view或者js調用
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
貴豪旅行社
求實時獲取兩個input日期型值的差
table表格詳解,了解表格不為人知的屬性,標準化你的表格
網頁制作,改變你的思維方
window.location.href跳轉無反應不跳轉解決
旅行社網站模板默認風格1
主站蜘蛛池模板: 夜夜做新郎| 美女下面流水| 电影《三体》| 十月电影| 禁忌的恋爱关系凯帕克| 天才不能承受之重| 买下我完整版电影免费观看| 儿童眼轴长度正常范围| 王盼盼| 黄色免费视频| 阎良之窗| 洪熙| 燕子门| 西藏秘密演员表全部| 重庆新闻频道| 日本大片ppt免费ppt2024| 美女mm| 热血高校 电影| 出埃及记电影| 刘德华歌| 斯维特拜克之歌电影| 穆图| 电影暖| 白瑞个人简历| 经视直播| 我亲爱的简谱| 创业史全文免费阅读| 《棋魂》电视剧| 小说改编电视剧| 熊出没十年之约| 吴青芸| 小熊购物教学反思| 一江春水向东流 电视剧| free gay movies| 金珊| 第一财经电视| 被抛弃的青春1982| 尼古拉斯霍尔特| 母5| 远方的故乡简谱| 2025最火蛋糕图片|