Vue js - 在表单提交上保留数据值

时间:2016-11-16 12:41:16

标签: laravel vue.js

我正在使用带有Vuejs的laravel。

我正在使用vuejs来清理表单中的值(取出空格和大写字母)。

我提交表单时遇到的问题(我想使用Laravel验证)值似乎重置。有没有办法保留数据或仅在初始化时设置数据。

vuejs

new Vue({
  el: '#app',
  components: {Graph},
   data: {
       nice_name:'',
       column_name: '',
  },

  methods: {

    setColumnName: function () {
     this.column_name = this.nice_name.toLowerCase().replace(/ /g,"_");
    },

  }
});

表单元素

 <div class="form-group">
                    <label>Nice Name</label>
                    <input class="col-md-12 form-control" type="text" name="nice_name" @keyup="setColumnName" v-model="nice_name" v-bind="nice_name">
                </div>

1 个答案:

答案 0 :(得分:0)

您可以使用laravel的old()功能,也可以使用Ajax发送数据