Vue3页面引入Jquery后,在JS代码中可以使用Jquery方法,但是在html代码中使用会报错?
下面代码在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>