安装vant UI框架:
cnpm install vant –-save-dev
导入组件-在main.js里:
import Vant from 'vant'; import'vant/lib/vant-css/index.css'; Vue.use('Vant')
Field输入框是一个高频组件
完全支持Input 标签所有的原生属性,比如 maxlength、placeholder、autofocus 等
准备工作:
创建一个页面: Field.vue
在router.js里配置Field页面的路由
{ path: '/field', name: 'field', component: () => import('./views/Field.vue') }
在index.vue里添加一项
代码演示Field输入框:
基础用法:
普通的一个小示例,只有一个label标签,和一个输入框:
<van-cell-group> <