留言板带vuex和图片

最新推荐文章于 2023-12-11 17:42:53 发布

头发快掉没了的程序猿

最新推荐文章于 2023-12-11 17:42:53 发布

阅读量228

点赞数

本文链接：https://blog.csdn.net/LiuBo_1999/article/details/112716068

版权

本文介绍了如何在Vue项目中利用Vuex进行状态管理，特别地，它详细阐述了在Vuex中配置以实现一个功能齐全的留言板的步骤。

摘要由CSDN通过智能技术生成

留言板

<template>
  <div>
    <div class="bian">
      头像:
      <div class="img">
        <img
          :src="item"
          v-for="(item, index) in imgs"
          :class="{ active: index == n }"
          @click="xz(index)"
          :key="index"
        />
      </div>
      <div>标题:<input type="" placeholder="输入留言的标题" v-model="name" /></div>
      <div>
        内容:<textarea
          placeholder="输入留言内容"
          v-model="text"
          maxlength="30"
        ></textarea>
        <p>
          还可以输入<span>{
  { 30 - this.text.length }}</span
          >个字
        </p>
      </div>
      <button @click="tj">添加留言</button>
      <button @click="sc">清空留言</button>
    </div>
    <div>
      <ul class=