我在我的專案中使用 Vue 3.0.2，通過 CDN 加載如下：
<head>
...
<script src="https://unpkg.com/[email protected]"></script>
</head>
通過 CDN 匯入庫時，如何訪問 Vue 組件中的 HTML 元素？我想做與document.getElementById('element')普通 JS 相同的事情。
此處的相關帖子建議呼叫$this.el.querySelector應該適用于此，但是我無權訪問該功能。我懷疑是因為通過 CDN 匯入 Vue？
我的組件如下所示...
const app = Vue.createApp({
data() {
return {
// data members.
}
},
methods: {
// method definitions.
} });
app.mount('#app')
感謝您的任何建議！
uj5u.com熱心網友回復：
嘗試這樣的事情
<script src="https://unpkg.com/[email protected]"></script>
</head>
<body>
<div id="app">
<h1>{{ data }}</h1>
<input type="text" ref="input">
<button @click="log">LOG</button>
</div>
<script>
const app = Vue.createApp({
data() {
return {
data: 'any'
}
},
methods: {
log() {
console.log(this.$refs.input.value)
}
}
});
app.mount('#app')
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/446729.html
標籤：javascript Vue.js Vuejs3 cdn
上一篇：還有其他選擇嗎？