javascript - vue中怎麼用weui的picker？

Question

vue.js裡想用weui的picker，也引入了weui.js，為什麼報錯weui is not defined？

<template>
    <p class="wrap">
       <a href="javascript:;" class="weui-btn weui-btn_default" id="showPicker"》单列选择器</a>
    </p>
</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>

Answer 1

雷雷

Answer 2

把import weuiJs改成import weui試試

Answer 3

你import了weuijs，使用的確是weui。

解決方法

1. 把weuijs改成weui

2. 把weui改成weuijs