vue中怎么用weui的picker?

vue.js里想用weui的picker,也引入了weui.js,为什么报错weui is not defined?

<template>
    <div class="wrap">
       <a href="javascript:;" class="weui-btn weui-btn_default" id="showPicker"》单列选择器</a>
    </div>
</template>
<script>
import weuiJs from '../weui-js/weui.js'
export default {
  methods: {
      checkPicker: function () {
          weui.picker([{
            label: '飞机票',
            value: 0
        }, {
            label: '火车票',
            value: 1
        }, {
            label: '的士票',
            value: 2
        },{
            label: '公交票 (disabled)',
            disabled: true,
            value: 3
        }, {
            label: '其他',
            value: 4
        }], {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                console.log(result);
            }
        });
      }
  }
}
</script>

 import weui from 'weui.js' 使用node包引入方式

import weuiJs改成import weui试试

你import了weuijs,使用的确是weui。

解决方法

  1. 把weuijs改成weui

  2. 把weui改成weuijs

  • 在手机上长按网页中的按钮,浏览器会弹出这个按钮的背景图的操作菜单,怎样避免这种情况?
  • fullclendar中如何添加一个自定义的条件查找内容?
  • javascript 对象与方法的传值问题。
  • 获取iframe内网页的title?
  • js样式的写入与清除,cssText的疑问
  • js map() 方法
  • 这段代码结果为何颜色css没有被执行?
  • 关于单选框的问题,小白一枚,希望有人帮帮忙
  • easyui treegrid columns 后台如何拼出一个colomuns数据给前台
  • npm init 报错生成不了package json 文件
  • event对象里的initEvent方法到底有什么用呢?