首页 > 其他 > 详细

Vue 中 使用MUI Picker时间器等其他组件报错了,来来正确姿势!(~﹃~)~zZ

时间:2019-05-09 18:58:58      阅读:110      评论:0      收藏:0      [点我收藏+]

步骤1: 

   下载好Mui 时间器picker 依赖的js文件,文件???骚年别急下面看代码

步骤2:

    下面是我再mian.js里面引入mui相关的依赖js 和css 

    技术分享图片

    在mui.js 里面  加上 window.mui = mui; 

步骤3:

   因为基于babel编译时候按照一般的字符串去编译了,引入的js文件不是指定相关路经就会抛出异常,Mui 时间器等组件还是无法正常使用,我们需要使用ignore让babel正确方式去匹配某插件.js文件真实目录就可以。

    在VUE项目的根目录找到 .babelrc 为后缀文件 代码如下:

    技术分享图片

    "ignore": 配置的就是我放置Mui 插件js的目录

步骤4: 

    小二上代码搞一波!!

    

      var picker = new mui.PopPicker({
        layer: 2
      });
      picker.setData([{
          value: ‘110000‘,
          text: ‘北京市‘,
          children: [{
            value: "110101",
            text: "东城区"
          }]
        }, {
            value: ‘120000‘,
            text: ‘天津市‘,
          children: [{
            value: "120101",
            text: "和平区"
          }, {
            value: "120102",
            text: "河东区"
           }, {
            value: "120104",
            text: "南开区"
        }
        ]
      }])
        picker.pickers[0].setSelectedIndex(1);
        picker.pickers[1].setSelectedIndex(1);
        picker.show(function(SelectedItem) {
        console.log(SelectedItem);
      })

      于是显示:

      技术分享图片 

     有意思!!!!

 

 

 

  

  

      

Vue 中 使用MUI Picker时间器等其他组件报错了,来来正确姿势!(~﹃~)~zZ

原文:https://www.cnblogs.com/webjq/p/10840205.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!