iView框架问题整理小结
更新时间：2018年10月16日 11:17:59 作者：更好的自己520
这篇文章主要介绍了iView框架问题整理小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
总结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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue-cli+webpack创建记事本项目，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
elmentUI组件中el-date-picker限制时间范围精确到小时的方法
现在需要做一个时间选择器,可以根据小时(同时选天和小时)和天 和月,节假日等类型控制日历的选择样式,下面这篇文章主要给大家介绍了关于elmentUI组件中el-date-picker限制时间范围精确到小时的相关资料,需要的朋友可以参考下2023-04-04
vue-router 是 Vue 的一个插件库，适用于构建单页面应用，这篇文章主要介绍了Vue router 路由安装以及使用,本文通过示例代码给大家介绍的非常详细，需要的朋友可以参考下2023-10-10
这篇文章主要介绍了Vue中的 watch监听属性详情，mputed计算属性用来监听多个数据；watch 监听单个数据；本文将具体介绍的是 watch监听属性，感兴趣的小伙伴可以参考一下文章的具体内容，希望对你有所帮助2021-12-12
这篇文章主要给大家介绍了关于vue如何使用moment处理时间戳转换成日期或时间格式的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者vue具有一定的参考学习价值,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了vue前后端分离如何解决每次请求session都会变的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
本篇文章主要介绍了Vue-router 类似Vuex实现组件化开发的示例，具有一定的参考价值，有兴趣的可以了解一下2017-09-09
今天小编就为大家分享一篇vue实现页面内容禁止选中功能,仅输入框和文本域可选，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要为大家介绍了在Vue项目中是否使用store原理深究，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要为大家详细介绍了vue组件实现发表评论功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
最新评论