Я пытаюсь использовать qs для строковых данных в html.
Мой скрипт импортирует так:
<script src="{% static 'main/axios.min.js'%}"></script>
<script src="https://cdn.bootcss.com/qs/6.7.0/qs.js"></script>
<script src="{% static 'main/vue.js'%}"></script>
и мое html тело выглядит так:
<body>
<div id="ele">
<button v-on:click="test">testApi</button>
</div>
<script>
var api = new Vue({
delimiters:['${','}'],
el: "#ele",
methods:{
test:function(event){
alert("testApi")
data = qs.stringfy({"msg":"test",'status':"started"})
axios.post('testApi',data)
.then(response=>{
alert("getData!")
})
}
}
})
</script>
</body>
Но кнопка работает не так, как ожидалось. В моей консоли Chrome я получаю это:
Там написано, что qs не определен, но на самом деле у меня есть сценарий. Не могли бы вы сказать мне, как это исправить?