iView框架问题整理小结
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了iView框架问题整理小结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1730字，纯文字阅读大概需要3分钟。
内容图文
总结1：**import Vue from ‘vue';什么意思？
在js中，是加载vue模块并输入变量Vue import后面的from指定模块文件的位置，可以是相对路径，也可以是绝对路径，如果是模块名带有路径，那么必须有配置文件，告诉js引擎该模块的位置
总结2：iView如何实现页面跳转？
使用vue-router实现单页应用的跳转
使用流程：
1：引入vue-router <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
2：定义VueRouter对应的属性例如：path和template
3：使用<router-link to="/login">登录</router-link>
总结3：iview本地文件上传？
视图层：
<img :src="preview_pic_src" v-if="preview_pic_src!=''">
<input type="file" @change="preview_pic()" ref="weibo_file" >
JS层：
preview_pic:function () {
// 预览图片
var file = this.$refs.weibo_file.files[0]
// 1、创建一个reader
var fr = new FileReader()
// 2、将图片将转成 base64 格式
fr.readAsDataURL(file)
// 3、读取成功后的回调
var self = this
fr.onloadend = function() {
self.preview_pic_src = this.result
}
},
总结4：iview自定义组件开发？
import sliderBox from '.slider.vue'
vue.compenent('组件名称'sliderBox)
总结5 TimePicker 和 DatePicker 两种日期选择组件虽然方便，但使用时需要注意：使用DatePicker 绑定on-change事件，可以通过 ：
on-change:function(date) {
console.log(date)
}
获取到当前选择的日期，但TimePicker 这样做每次更改时、分、秒都会触发此事件，建议给TimePicker 加上confirm 选项，并用on-ok事件获取当前选择的时间（注意要进行Date的格式化）
总结6.对于一些组件如<Menu>,<Page>，如果需要手动控制打开的菜单，当前页码，需要给组件设置ref属性，然后在方法中使用this.$refs.xxx = "xxx"进行控制
<Page ref="dataPage" :total="recordData.length" :page-size="recordPageCapacity" show-elevator class="fr" style="margin-top: 10px;" @on-change="recordChangePage"></Page>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的iView框架问题整理小结全部内容，希望文章能够帮你解决iView框架问题整理小结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。