发表评论怎么做 html,【重要】发表评论.html

• 评论人{{item.user}} {{item.content}}

评论人：

评论内容:

var template = {

template: "#templateid",

data() {

return {

user: ' ',

content: '',

}

},

methods: {

submit() {

var fromcontent = {

user: this.user,

content: this.content,

id: Date.now()

}

var data = JSON.parse(localStorage.getItem('cmts') || '[]');

data.unshift(fromcontent);

localStorage.setItem('cmts', JSON.stringify(data))

this.user = this.content = '';

this.$emit('foo')

}

}

}

var vm = new Vue({

el: '#app',

data: {

list: [{

user: "李白",

content: "天生我材必有用",

id: Date.now()

},

{

user: "李白",

content: "天生我材必有用",

id: Date.now()

},

{

user: "李白",

content: "天生我材必有用",

id: Date.now()

},

]

},

created() {

this.way();

},

methods: {

way() {

var data = JSON.parse(localStorage.getItem('cmts') || '[]');

this.list=data;

}

},

components: {

temp: template,

}

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史