vue实现简单聊天窗口
构建:输入:input提交:button历史消息展示:ul实现:数据展示到界面:data界面数据动态变化:操作data数据刷新: this.data = value<div id="app"><ul><li v-for="item in message_array">{{it
·
构建:
- 输入:input
- 提交:button
- 历史消息展示:ul
实现:
- 数据展示到界面:data
- 界面数据动态变化:操作data
- 数据刷新: this.data = value
<div id="app">
<ul>
<li v-for="item in message_array">{{item}}</li>
</ul>
<input type="text" v-model="message"/>
<button v-on:click="dealMessage">add</button>
</div>
new Vue({
el:"#app",
data:{
message_array:[],
message:''
},
methods:{
dealMessage: function () {
this.message_array.push(this.message);
this.message = '';
}
}
})
更多推荐
已为社区贡献7条内容
所有评论(0)