開關(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://m.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="['選項(xiàng)A', '選項(xiàng)B', '選項(xiàng)C']"> </mt-checklist> 設(shè)置禁用選項(xiàng)this.options = [ { ...
http://m.o2fo.com/mintui/mintui-eo4s35t0.html...表,依賴 ?cell? 組件。 引入import { Radio } from 'mint-ui'; Vue.component(Radio.name, Radio); 例子 基本用法<mt-radio title="單選框列表" v-model="value" :options="['選項(xiàng)A', '選項(xiàng)B', '選項(xiàng)C']"> </mt-radio> 設(shè)置禁用選項(xiàng)this.options = [ { label: '被禁用...
http://m.o2fo.com/mintui/mintui-2mxn35t1.html...y來指定列表中項(xiàng)目的唯一標(biāo)識,這個(gè)可以類比 React 或者 Vue 中列表渲染的 key。tt:key 如何指定:字符串,代表 item 的某個(gè)字段,比如tt:key="unique",那么指定 item 的 unique 字段為 key*this,代表 item 本身,比如tt:key="*this",那么就是...
http://m.o2fo.com/microapp/microapp-u65b3617.htmlhead 方法Nuxt.js 使用了 vue-meta 更新應(yīng)用的 頭部標(biāo)簽(Head) 和 html 屬性。類型: Object 或 Function使用 head 方法設(shè)置當(dāng)前頁面的頭部標(biāo)簽。在 head 方法里可通過 this 關(guān)鍵字來獲取組件的數(shù)據(jù),你可以利用頁面組件的數(shù)據(jù)來設(shè)置個(gè)性化的...
http://m.o2fo.com/nuxtjs/nuxtjs-4nk336gm.html...{ return 'blog' } }在上面的例子中, Nuxt.js 會使用 layouts/blog.vue 作為當(dāng)前頁面組件的布局文件。看下 示例視頻 立刻體驗(yàn)下。
http://m.o2fo.com/nuxtjs/nuxtjs-nxc336gp.html...型: String 或 Array數(shù)組元素類型: String 例子: pages/secret.vue<template> <h1>Secret page</h1> </template> <script> export default { middleware: 'authenticated' } </script> middleware/authenticated.jsexport default function ({ store, redirect }) { /...
http://m.o2fo.com/nuxtjs/nuxtjs-7zio36gr.html...讓你在動(dòng)態(tài)路由對應(yīng)的頁面組件(本例為: pages/users/_id.vue)中配置一個(gè)校驗(yàn)方法。如果校驗(yàn)方法返回的值不為 true, Nuxt.js 將自動(dòng)加載顯示 404 錯(cuò)誤頁面。export default { validate ({ params }) { // Must be a number return /^\d+$/.test(params.id) } }...
http://m.o2fo.com/nuxtjs/nuxtjs-6k8t36gu.html...局中顯示頁面組件(即非布局內(nèi)容)。例子 (layouts/default.vue):<template> <div> <div>頁頭</div> <nuxt/> <div>頁腳</div> </div> </template>可以看下這個(gè)實(shí)際的布局示例。Props:nuxtChildKey: string此prop將設(shè)置...
http://m.o2fo.com/nuxtjs/nuxtjs-uey936gx.html...a description' } ] } } 想了解 head 屬性的可用配置,可以參考 vue-meta 配置文檔。 提示: 你也可以在頁面組件中使用 head 配置并通過 this 關(guān)鍵字來獲取組件的數(shù)據(jù),具體請參考 頁面組件的 head 屬性配置。
http://m.o2fo.com/nuxtjs/nuxtjs-ipz636he.html抱歉,暫時(shí)沒有相關(guān)的微課
w3cschool 建議您:
抱歉,暫時(shí)沒有相關(guān)的視頻課程
w3cschool 建議您:
抱歉,暫時(shí)沒有相關(guān)的教程
w3cschool 建議您:
開關(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://m.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="['選項(xiàng)A', '選項(xiàng)B', '選項(xiàng)C']"> </mt-checklist> 設(shè)置禁用選項(xiàng)this.options = [ { ...
http://m.o2fo.com/mintui/mintui-eo4s35t0.html...表,依賴 ?cell? 組件。 引入import { Radio } from 'mint-ui'; Vue.component(Radio.name, Radio); 例子 基本用法<mt-radio title="單選框列表" v-model="value" :options="['選項(xiàng)A', '選項(xiàng)B', '選項(xiàng)C']"> </mt-radio> 設(shè)置禁用選項(xiàng)this.options = [ { label: '被禁用...
http://m.o2fo.com/mintui/mintui-2mxn35t1.html...y來指定列表中項(xiàng)目的唯一標(biāo)識,這個(gè)可以類比 React 或者 Vue 中列表渲染的 key。tt:key 如何指定:字符串,代表 item 的某個(gè)字段,比如tt:key="unique",那么指定 item 的 unique 字段為 key*this,代表 item 本身,比如tt:key="*this",那么就是...
http://m.o2fo.com/microapp/microapp-u65b3617.htmlhead 方法Nuxt.js 使用了 vue-meta 更新應(yīng)用的 頭部標(biāo)簽(Head) 和 html 屬性。類型: Object 或 Function使用 head 方法設(shè)置當(dāng)前頁面的頭部標(biāo)簽。在 head 方法里可通過 this 關(guān)鍵字來獲取組件的數(shù)據(jù),你可以利用頁面組件的數(shù)據(jù)來設(shè)置個(gè)性化的...
http://m.o2fo.com/nuxtjs/nuxtjs-4nk336gm.html...{ return 'blog' } }在上面的例子中, Nuxt.js 會使用 layouts/blog.vue 作為當(dāng)前頁面組件的布局文件??聪?示例視頻 立刻體驗(yàn)下。
http://m.o2fo.com/nuxtjs/nuxtjs-nxc336gp.html...型: String 或 Array數(shù)組元素類型: String 例子: pages/secret.vue<template> <h1>Secret page</h1> </template> <script> export default { middleware: 'authenticated' } </script> middleware/authenticated.jsexport default function ({ store, redirect }) { /...
http://m.o2fo.com/nuxtjs/nuxtjs-7zio36gr.html...讓你在動(dòng)態(tài)路由對應(yīng)的頁面組件(本例為: pages/users/_id.vue)中配置一個(gè)校驗(yàn)方法。如果校驗(yàn)方法返回的值不為 true, Nuxt.js 將自動(dòng)加載顯示 404 錯(cuò)誤頁面。export default { validate ({ params }) { // Must be a number return /^\d+$/.test(params.id) } }...
http://m.o2fo.com/nuxtjs/nuxtjs-6k8t36gu.html...局中顯示頁面組件(即非布局內(nèi)容)。例子 (layouts/default.vue):<template> <div> <div>頁頭</div> <nuxt/> <div>頁腳</div> </div> </template>可以看下這個(gè)實(shí)際的布局示例。Props:nuxtChildKey: string此prop將設(shè)置...
http://m.o2fo.com/nuxtjs/nuxtjs-uey936gx.html...a description' } ] } } 想了解 head 屬性的可用配置,可以參考 vue-meta 配置文檔。 提示: 你也可以在頁面組件中使用 head 配置并通過 this 關(guān)鍵字來獲取組件的數(shù)據(jù),具體請參考 頁面組件的 head 屬性配置。
http://m.o2fo.com/nuxtjs/nuxtjs-ipz636he.html抱歉,暫時(shí)沒有相關(guān)的文章
w3cschool 建議您: