我是 vue.js 的絕對初學者。所以我做了一個小應用程式來學習。但是,如果這是正確的術語,我將附加資料附加到占位符上,因為
{{訊息1}}
這是我的代碼:
<script>
Vue.createApp({
data() {
return {
bheight: '',
bwidth: '',
}
},
methods: {
domath(event) {
alert(`Hello!`)
}
}
}).mount('#app')
</script>
“domath”方法由按鈕觸發。那項作業(出現警報)。我有這個占位符“message1。{{ message1 }}
我想要的是:如果單擊按鈕,我希望將“bheight”和“bwidth”中的資料附加到占位符 {{ message1 }}
稍后我想對這兩個變數進行數學計算。并將結果附加到占位符中。
我不知道我該怎么做。有人可以幫我嗎?
uj5u.com熱心網友回復:
你需要有一個額外的變數:
data() {
return {
bheight: '',
bwidth: '',
message1: ''
}
然后:
domath(event) {
this.message1 = this.bwidth ', ' this.bheight;
}
在這種情況下,使用this是至關重要的。
uj5u.com熱心網友回復:
嘗試這樣的事情:
添加計算屬性
computed: {
placeholder() {
return this.errors.has('end_date') ? 'Your placeholder text' : ''
}
}
下一步:
使用 v-bind:placeholder="placeholder" 系結到您計算的占位符屬性
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/442221.html
標籤:Vue.js
