Vue例子练习问题解答

Question

在HelloWorld.vue页面增加一个录入框,绑定vue的数据项名称为text，默认值为'',录入框提示绑定vue的数据项名称为tip，默认值为‘请录入您的姓名’,同时增加一个标签显示内容text，修改录入框，标签内容相应更改。在HelloWorld.vue页面增加一个按钮，click事件将text清空,同时录入框提示文字变为’请录入您的年龄‘。

Answer 1

若有帮助，请采纳

<template>
<div>
    <template>
        <div>text:{{text}}</div>
        <div><el-input v-model="text" :placeholder="tip" label="text"></el-input></div>
        <div><el-button @click="clean()">清空</el-button></div>
    </template>
</div>
</template>
<script>
export default {
    data(){
        return{
            text:"",
            tip:"请录入您的姓名",
        }
    },
    methods:{
        clean(){
            this.text="";
        },
    }
}
</script>