下面代码在html中使用jquery会报错,调用引入的其他js中的方法也一样报错,应该咋解决
Uncaught TypeError: jQuery is not a function
vue版本是3.2.45
<body>
<div id="app" v-cloak>
<input id="aud" type="text" value="123"/>
<!-- 这里使用会报错 -->
<!-- {{jQuery('#aud').val()}}-->
</div>
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const {createApp} = Vue;
const app = createApp({
data() {
return {}
},
methods: {},
mounted() {
//这里可以正常调用
console.log(jQuery('#aud').val());
}
})
app.mount('#app');
</script>
</body>
解决了
这样就可以直接在vue组件和html里使用了