鍍金池/ 問答/HTML/ iview按需引入 Select組件問題

iview按需引入 Select組件問題

第一步安裝：

cnpm install iview --save

第二步:

cnpm install babel-plugin-import --save-dev

第三步: 在.babelrc文件配置

{
  "plugins": [["import", {
    "libraryName": "iview",
    "libraryDirectory": "src/components"
  }]]
}

第四步: 在main.js 引入

import {Select} from 'iview';
Vue.component('Select', Select);

第五步:

<Select v-model="model1" style="width:200px">
  <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.value }}</Option>
</Select>

最后

clipboard.png

不知道為什么是無匹配數(shù)據(jù)

回答
編輯回答
瞄小懶

不知道你cityList是否有數(shù)據(jù)？

2017年9月7日 05:57
編輯回答
糖果果

我也有這樣的問題
你解決了嗎

2018年5月14日 03:17
編輯回答
初心
import { Select, Option} from 'iview';
Vue.component('Select', Select);
Vue.component('Option', Option);

這樣 ？

2018年8月25日 23:34