fixed bug: Can not compile iview sometime

fixed bug: Can not compile iview sometime
This commit is contained in:
梁灏 2016-11-01 14:21:56 +08:00
parent f12aca9e84
commit 72493927e1
3 changed files with 30 additions and 7 deletions

View file

@ -43,8 +43,7 @@ npm install iview --save
```js
module: {
loaders: [
{ test: /iview\/.*?js$/, loader: 'babel' },// for Mac
{ test: /iview\\.*?js$/, loader: 'babel' },// for Windows
{ test: /iview.src.*?js$/, loader: 'babel' },
{ test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
]
}

View file

@ -28,8 +28,7 @@
"url": "https://github.com/iview/iview/issues"
},
"dependencies": {
"popper.js": "^0.6.4",
"vue": "^1.0.26"
"popper.js": "^0.6.4"
},
"devDependencies": {
"autoprefixer-loader": "^2.0.0",
@ -55,6 +54,7 @@
"less-loader": "^2.2.3",
"style-loader": "^0.13.1",
"url-loader": "^0.5.7",
"vue": "^1.0.26",
"vue-hot-reload-api": "^1.3.3",
"vue-html-loader": "^1.2.3",
"vue-loader": "^8.5.3",

View file

@ -69,9 +69,29 @@
<i-button type="primary" icon="cloud"></i-button>
<i-button type="primary" icon="upload"></i-button>
</Button-group>
<Modal
:visible="true"
title="普通的Modal对话框标题">
<p>对话框内容</p>
<p>对话框内容</p>
<p>对话框内容</p>
<div style="width: 200px">
<i-select :model.sync="model6" >
<i-option value="beijing">北京市</i-option>
<i-option value="shanghai" disabled>上海市</i-option>
<i-option value="shenzhen">深圳市</i-option>
</i-select>
</div>
</Modal>
<i-select :model.sync="model6" >
<i-option value="beijing">北京市</i-option>
<i-option value="shanghai" disabled>上海市</i-option>
<i-option value="shenzhen">深圳市</i-option>
</i-select>
</template>
<script>
import { Button, Icon, Input, Switch, Radio, Checkbox, InputNumber, Row, Col, Page } from 'iview';
import { Button, Icon, Input, Switch, Radio, Checkbox, InputNumber, Row, Col, Page, Modal, iSelect, iOption } from 'iview';
const ButtonGroup = Button.Group;
const RadioGroup = Radio.Group;
const CheckboxGroup = Checkbox.Group;
@ -90,7 +110,10 @@
InputNumber,
Row,
iCol: Col,
Page
Page,
Modal,
iSelect,
iOption
},
props: {
@ -98,7 +121,8 @@
data () {
return {
loading: false,
loading2: false
loading2: false,
model6: ''
}
},
methods: {