Vue实现简单留言板案例
<template>
<div>
<h2>留言板</h2>
<p>
昵称:
<input type="text" v-model="name">
</p>
<p>
留言内容:<br>
<textarea name="" id="" cols="30" rows="7" v-model="content"></textarea>
<span :class="{'text-color':!onSubmit}">{
{
userLength}}/{
{
maxLength}}</span>
</p>
<p>
<button @click="add">提交</button>
</p>
<hr>
<div>
<div v-for="(item,index) in list" style="border-bottom: 1px dashed;">
<p class="ly-p1">
<span>
{
{
item.name}}
{
{
item.time | TimeFilter}}
</span>
<span @click="praise(item)" class="praise">点赞:{
{
item.star}}</span>
</p>
<div>
{
{
item.content}}
</div>
<p