圖片懶加載指令。引入import { Lazyload } from 'mint-ui'; Vue.use(Lazyload); 例子為? img? 元素添加 ?v-lazy? 指令，指令的值為圖片的地址。同時需要設(shè)置圖片在加載時的樣式。<ul> <li v-for="item in list"> <img v-lazy="item"> </li>...
http://o2fo.com/mintui/mintui-fzsm35sg.html...持自定義步長、區(qū)間等。 引入import { Range } from 'mint-ui'; Vue.component(Range.name, Range); 例子 將一個本地變量與 ?range? 的 ?value? 屬性同步即可實現(xiàn)雙向綁定<mt-range v-model="rangeValue"></mt-range> 更多的配置項<mt-range v-model="ra...
http://o2fo.com/mintui/mintui-o6zt35sh.html進(jìn)度條。 引入import { Progress } from 'mint-ui'; Vue.component(Progress.name, Progress); 例子 傳入? value? 作為進(jìn)度條的值?？勺远x它的線寬<mt-progress :value="20" :bar-height="5"></mt-progress> 可在進(jìn)度條兩側(cè)顯示文字<mt-progress :value="60">...
http://o2fo.com/mintui/mintui-soer35si.html...定義文字和固定在頂部。 引入import { Header } from 'mint-ui'; Vue.component(Header.name, Header); 例子 固定在頁面頂部<mt-header fixed title="固定在頂部"></mt-header> 設(shè)置 ?left ?或 ?right slot?<mt-header title="標(biāo)題過長會隱藏后面的內(nèi)容...
http://o2fo.com/mintui/mintui-s2iw35so.html...格，用法同 ?cell?。 引入import { CellSwipe } from 'mint-ui'; Vue.component(CellSwipe.name, CellSwipe); 例子 增加右滑動按鈕<mt-cell-swipe title="標(biāo)題文字" :right="[ { content: 'Delete', style: { background: 'red', color: '#fff' }, handler: () => this.$messagebox('delete...
http://o2fo.com/mintui/mintui-ctmd35st.html...，可顯示搜索結(jié)果列表。 引入import { Search } from 'mint-ui'; Vue.component(Search.name, Search); 例子 基礎(chǔ)用法<mt-search v-model="value"></mt-search> 設(shè)置顯示文字<mt-search v-model="value" cancel-text="取消" placeholder="搜索"> </mt-search> 帶搜...
http://o2fo.com/mintui/mintui-1vul35sx.html開關(guān)。 引入import { Switch } from 'mint-ui'; Vue.component(Switch.name, Switch); 例子<mt-switch v-model="value"></mt-switch> 帶顯示內(nèi)容<mt-switch v-model="value">開關(guān)</mt-switch> API 參數(shù) 說明 類型 可選值 默認(rèn)值 value 綁定值 Boolean Event 名稱 ...
http://o2fo.com/mintui/mintui-zvg535sz.html...，依賴? cell ?組件。 引入import { Checklist } from 'mint-ui'; Vue.component(Checklist.name, Checklist); 例子 基本用法<mt-checklist title="復(fù)選框列表" v-model="value" :options="['選項A', '選項B', '選項C']"> </mt-checklist> 設(shè)置禁用選項this.options = [ { ...
http://o2fo.com/mintui/mintui-eo4s35t0.html...表，依賴 ?cell? 組件。 引入import { Radio } from 'mint-ui'; Vue.component(Radio.name, Radio); 例子 基本用法<mt-radio title="單選框列表" v-model="value" :options="['選項A', '選項B', '選項C']"> </mt-radio> 設(shè)置禁用選項this.options = [ { label: '被禁用...
http://o2fo.com/mintui/mintui-2mxn35t1.html...y來指定列表中項目的唯一標(biāo)識，這個可以類比 React 或者 Vue 中列表渲染的 key。tt:key 如何指定：字符串，代表 item 的某個字段，比如tt:key="unique"，那么指定 item 的 unique 字段為 key*this，代表 item 本身，比如tt:key="*this"，那么就是...
http://o2fo.com/microapp/microapp-u65b3617.html抱歉，暫時沒有相關(guān)的微課
w3cschool 建議您：
抱歉，暫時沒有相關(guān)的視頻課程
w3cschool 建議您：
抱歉，暫時沒有相關(guān)的教程
w3cschool 建議您：
圖片懶加載指令。引入import { Lazyload } from 'mint-ui'; Vue.use(Lazyload); 例子為? img? 元素添加 ?v-lazy? 指令，指令的值為圖片的地址。同時需要設(shè)置圖片在加載時的樣式。<ul> <li v-for="item in list"> <img v-lazy="item"> </li>...
http://o2fo.com/mintui/mintui-fzsm35sg.html...持自定義步長、區(qū)間等。 引入import { Range } from 'mint-ui'; Vue.component(Range.name, Range); 例子 將一個本地變量與 ?range? 的 ?value? 屬性同步即可實現(xiàn)雙向綁定<mt-range v-model="rangeValue"></mt-range> 更多的配置項<mt-range v-model="ra...
http://o2fo.com/mintui/mintui-o6zt35sh.html進(jìn)度條。 引入import { Progress } from 'mint-ui'; Vue.component(Progress.name, Progress); 例子 傳入? value? 作為進(jìn)度條的值。可自定義它的線寬<mt-progress :value="20" :bar-height="5"></mt-progress> 可在進(jìn)度條兩側(cè)顯示文字<mt-progress :value="60">...
http://o2fo.com/mintui/mintui-soer35si.html...定義文字和固定在頂部。 引入import { Header } from 'mint-ui'; Vue.component(Header.name, Header); 例子 固定在頁面頂部<mt-header fixed title="固定在頂部"></mt-header> 設(shè)置 ?left ?或 ?right slot?<mt-header title="標(biāo)題過長會隱藏后面的內(nèi)容...
http://o2fo.com/mintui/mintui-s2iw35so.html...格，用法同 ?cell?。 引入import { CellSwipe } from 'mint-ui'; Vue.component(CellSwipe.name, CellSwipe); 例子 增加右滑動按鈕<mt-cell-swipe title="標(biāo)題文字" :right="[ { content: 'Delete', style: { background: 'red', color: '#fff' }, handler: () => this.$messagebox('delete...
http://o2fo.com/mintui/mintui-ctmd35st.html...，可顯示搜索結(jié)果列表。 引入import { Search } from 'mint-ui'; Vue.component(Search.name, Search); 例子 基礎(chǔ)用法<mt-search v-model="value"></mt-search> 設(shè)置顯示文字<mt-search v-model="value" cancel-text="取消" placeholder="搜索"> </mt-search> 帶搜...
http://o2fo.com/mintui/mintui-1vul35sx.html開關(guān)。 引入import { Switch } from 'mint-ui'; Vue.component(Switch.name, Switch); 例子<mt-switch v-model="value"></mt-switch> 帶顯示內(nèi)容<mt-switch v-model="value">開關(guān)</mt-switch> API 參數(shù) 說明 類型 可選值 默認(rèn)值 value 綁定值 Boolean Event 名稱 ...
http://o2fo.com/mintui/mintui-zvg535sz.html...，依賴? cell ?組件。 引入import { Checklist } from 'mint-ui'; Vue.component(Checklist.name, Checklist); 例子 基本用法<mt-checklist title="復(fù)選框列表" v-model="value" :options="['選項A', '選項B', '選項C']"> </mt-checklist> 設(shè)置禁用選項this.options = [ { ...
http://o2fo.com/mintui/mintui-eo4s35t0.html...表，依賴 ?cell? 組件。 引入import { Radio } from 'mint-ui'; Vue.component(Radio.name, Radio); 例子 基本用法<mt-radio title="單選框列表" v-model="value" :options="['選項A', '選項B', '選項C']"> </mt-radio> 設(shè)置禁用選項this.options = [ { label: '被禁用...
http://o2fo.com/mintui/mintui-2mxn35t1.html...y來指定列表中項目的唯一標(biāo)識，這個可以類比 React 或者 Vue 中列表渲染的 key。tt:key 如何指定：字符串，代表 item 的某個字段，比如tt:key="unique"，那么指定 item 的 unique 字段為 key*this，代表 item 本身，比如tt:key="*this"，那么就是...
http://o2fo.com/microapp/microapp-u65b3617.html抱歉，暫時沒有相關(guān)的文章
w3cschool 建議您：
免費AI編程助手
