以檢視**詳情為例：
步驟在 src 根目錄下新建 components目錄，存放公共元件
>
@click
="handleclick"
>
>
slot
>
view
>
template
>
>
export
default
,data()
},methods:)}
}}script
>
>
class
="album_list"
>
class
="album_item"
v-for
="(item, index) in albumlist"
:key
="item.id"
>
:list
="wall*****"
:index
="index"
>
mode
="aspectfill"
:src
="item.thumb"
>
image
>
go-detail
>
view
>
view
>
view
>
template
>
>
import godetail from
'@/components/godetail'
// 1. 引入元件
export
default
,// 2. 註冊元件
data()
},onload
(options)
, methods:}}
script
>
lang
="scss"
scoped
>
style
>
在 pages 目錄下建立 imgdetail/index.vue 檔案，內容如下：
>
>
**內容詳情-頁面渲染遵循vue語法
view
>
template
>
>
export
default},
onload()
=().globaldata
this
.imgdetail = imglist[imgindex]},
methods:
}script
>
lang
="scss"
scoped
>
style
>
作為學習筆記記錄一下，以後有好的方法再更新。
uniapp自定義元件及通訊
文章目錄 隱藏 新建乙個 vue 檔案，根據以下格式定義元件.1 引用元件 import 元件名稱 from components 元件名.vue 2 註冊元件 export default,3 在試圖模板中使用元件 元件名稱 元件屬性 對應的值 元件直接引數傳遞方式和 vue 方法一樣 父元件 子...
uni app中使用自定義元件全域性化
在vue中自定義元件可以兩方面引入 1是,使用命令安裝方式從網上獲取,並配置在package lock.json檔案中 如圖 version 版本號 resolved 元件連線 integrity 乙個加密串 然後pages.json檔案中也會配置一下 然後就是在main.js中使用全域性元件變數沒...
uni app自定義相機
設計思路 呼叫camera相機元件，用cover view，cover image標籤新增自定義頁面布局，拍完照之後將 畫到canvas裡面，然後用canvastotempfilepath方法匯出需要的。html部分 data部分 data 在onload時載入相機元件 onload 拍照 take...