Vue实现点击事件使输入框自动填入数据

最近因为疫情期间，然后朋友上学说每天需要上报体温，能不能实现一个自动填体温的功能，刚好最近在复习vue，所以用vue来简单实现一下：

<div id="app">
        <label for="temp" @click="auto">温度(单位°C)
            <input type="text" id="temp" :value="temperature" >
        </label>
</div>


    <script>
        let app = new Vue({
            el:'#app',
            data:{
                temperature:''
            },
            methods:{
                auto(){
                    this.temperature=36.4
                }
            }
        })
    </script>