所以我知道如何在HTML中实现这一点。但是我不想用div标记和类来隐藏这个。所以我得到的是:
<template>
<div id="navJade" class="inactive">
<h1>Jade Skill Calculations</h1>
<span>Jack of all Jade:</span><input type="number" min="0" max="50" v-model='joaj'></span>Max: 50<br/>
{{joaj = joajCalc(joaj)}}
</div>
</template>
<script>
export default {
name: 'Jade',
data() {
return {
joaj: 0
}
},
methods: {
joajCalc: (a) => {
if (a >= 51) a = 50;
return a;
}
}
}
</script>
所以,当这个
{{joaj = joajCalc(joaj)}}
data()
但是,它只执行一次,不按需要更新。我当然可以用隐藏的方法,但如果我能避免的话,我宁愿不要。
谢谢!