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 ```js
module: { module: {
loaders: [ loaders: [
{ test: /iview\/.*?js$/, loader: 'babel' },// for Mac { test: /iview.src.*?js$/, loader: 'babel' },
{ test: /iview\\.*?js$/, loader: 'babel' },// for Windows
{ test: /\.js$/, loader: 'babel', exclude: /node_modules/ } { test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
] ]
} }

View file

@ -28,8 +28,7 @@
"url": "https://github.com/iview/iview/issues" "url": "https://github.com/iview/iview/issues"
}, },
"dependencies": { "dependencies": {
"popper.js": "^0.6.4", "popper.js": "^0.6.4"
"vue": "^1.0.26"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer-loader": "^2.0.0", "autoprefixer-loader": "^2.0.0",
@ -55,6 +54,7 @@
"less-loader": "^2.2.3", "less-loader": "^2.2.3",
"style-loader": "^0.13.1", "style-loader": "^0.13.1",
"url-loader": "^0.5.7", "url-loader": "^0.5.7",
"vue": "^1.0.26",
"vue-hot-reload-api": "^1.3.3", "vue-hot-reload-api": "^1.3.3",
"vue-html-loader": "^1.2.3", "vue-html-loader": "^1.2.3",
"vue-loader": "^8.5.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="cloud"></i-button>
<i-button type="primary" icon="upload"></i-button> <i-button type="primary" icon="upload"></i-button>
</Button-group> </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> </template>
<script> <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 ButtonGroup = Button.Group;
const RadioGroup = Radio.Group; const RadioGroup = Radio.Group;
const CheckboxGroup = Checkbox.Group; const CheckboxGroup = Checkbox.Group;
@ -90,7 +110,10 @@
InputNumber, InputNumber,
Row, Row,
iCol: Col, iCol: Col,
Page Page,
Modal,
iSelect,
iOption
}, },
props: { props: {
@ -98,7 +121,8 @@
data () { data () {
return { return {
loading: false, loading: false,
loading2: false loading2: false,
model6: ''
} }
}, },
methods: { methods: {