javascript - Wie verwende ich den Weui-Picker in Vue?

Question

Ich möchte den Picker von weui in vue.js verwenden, aber auch weui.js einführen. Warum wird der Fehler „weui ist nicht definiert“ gemeldet?

<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

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

Answer 2

把import weuiJs改成import weui试试

Answer 3

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

解决方法

1. 把weuijs改成weui

2. 把weui改成weuijs