奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > vue面试通 > iview框架 >

iview使用教程之常见问题,带答案

时间:2017-11-10 18:16来源:未知 作者:admin
1、iView如何实现页面跳转? 答:使用vue-router实现单页应用的跳转 使用流程: 一、引入vue-router script src = https://unpkg.com/vue-router/dist/vue-router.js / script 二、定义VueRouter对应的属性例如:
1、iView如何实现页面跳转?
答:使用vue-router实现单页应用的跳转

使用流程:
一、引入vue-router
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

二、定义VueRouter对应的属性例如:path和template

三、使用<router-link to="/login">登录</router-link>



2、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
              }
        },


3、iview admin路由怎么判断是否显示?
答:可以通过watch 来监听 路由,判断来自哪里

watch: {
  // 检测那个路由过来,分别给出不同的动画
  '$route' (to, from) {
    if (to.query.type) {
      this.app = 'unread'
      return
    }else if(to.path =='/releas'){
      this.app = 'releas'
      return
    }
    this.app = 'all'
  }
}
或者通过vue-router的路由钩子函数,beforeRouter



4、iview自定义组件开发?
答:

import sliderBox from './slider.vue'
vue.compenent('组件名称'sliderBox)

(责任编辑:admin)
顶一下
(19)
76%
踩一下
(6)
24%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
小邱 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-26 17:11 最后登录:2018-06-11 16:06

关注奔三路