vue基础扩展5--重置表单成默认值

最新推荐文章于 2023-08-13 08:45:42 发布

野生技术协会

最新推荐文章于 2023-08-13 08:45:42 发布

阅读量1.5k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/shuixiou1/article/details/112689648

版权

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <title>vue基础扩展5--重置表单成默认值</title>
</head>
<body>
    <!---
      概述：vue 的data数据，会在vue创建后，绑定到options属性下，因此还原表单默认值可以使用
      this.query = this.$options.data().query; 其中query为data下的表单数据等。
    -->
    <div id="app">
      <form ref="formDom">
        <div class="input_group">
          <label for="username">用户名</label>
          <input type="text" name="username" v-model="query.username">
        </div>
        <div class="input_group">
          <label for="password">密码</label>
          <input type="password" name="password" v-model="query.password">
        </div>
        <div class="input_group"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

野生技术协会

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
3
评论
vue基础扩展5--重置表单成默认值

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <title>vue基础扩展5--重置表单成默认值</title></head><body> <!--- 概述：vue 的data数据，会在vue创建后，绑定到options属性下，因此还原表单默认值可以使用 this.query = this.$opt.
复制链接

扫一扫