搜索

+

95

-

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

html5 javascript vue

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%

我知道答案，我要回答

我有问题

最新提问