vue.js 添加数据时怎么去掉input内容里的前后空格？

Question

<input type="text" v-model="list.name" v-on:keyup.enter="addList">

<template v-for="list in lists">
{{ list.name }}
</template>

var data = {
    list : { name: '', age: '' },
    lists: []
},
vm = new Vue({
    el: '#content',
    data: data,
    methods: {
        addList: function(){
            this.lists.push(this.list);
        }
    }
});

添加数据时如何去掉 {{ list.name }} 显示的前后空格？

Answer 1

http://jsfiddle.net/znsepcyo/3/

Answer 2

<input v-model.trim="msg"> 过滤前后空格

Answer 3

数据存在空格可以使用 trim() 方法去掉前后的空格