+
95
-

vue如何暂存form表单数据刷新也不会丢失?

vue如何暂存form表单数据刷新也不会丢失?

网友回复

+
15
-

可以将form表单数据watch当有变动时写入localstorage中,刷新的时候首页从localstorage中读取。完整vue代码如下:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

</head>

<body>
    <div id="app">

        <div>
            <form class="cc_form">

                <span>
	        <label>您的姓名:</label>
	        <input class="cc_inp" type="text" v-model="mess.username" />
        </span>
                <span>
	        <label>发送邮件:</label>
	        <input class="cc_inp" type="email" v-model="mess.mail" />
        </span>
                <span>
	        <label>联系方式:</label>
	        <input class="cc_inp" type="phone" v-model="mess.tel" />
        </span>

            </form>
            <button class="cc_btn" >发送留言</button>
        </div>
    </div>...

点击查看剩余70%

我知道答案,我要回答