(vue)vue实现点赞反馈功能

nyf_unknown

已于 2022-07-25 12:01:07 修改

阅读量2k

点赞数 1

分类专栏： VUE 文章标签： vue.js javascript 前端

于 2022-06-02 15:48:20 首次发布

本文链接：https://blog.csdn.net/qq_44754635/article/details/125102051

版权

VUE 专栏收录该内容

187 篇文章 2 订阅

订阅专栏

(vue)vue实现点赞反馈功能：

// 第一步
<div class="fankui-box">
	 <img v-if="manyi == false" :src="alarmImg1" @click="insertAttr1" />
	 <img v-if="manyi == true" :src="alarmImg2" @click="insertAttr1" />
	 对结果满意
</div>
<div class="fankui-box">
	 <img v-if="bumanyi == false" :src="alarmImg3" @click="insertAttr2" />
	 <img v-if="bumanyi == true" :src="alarmImg4" @click="insertAttr2" />
	 对结果不满意
</div>

// 第二步
 data() {
   return {
     alarmImg1: require("@/assets/images/White.jpg"),
     alarmImg2: require("@/assets/images/Active.jpg"),
     alarmImg3: require("@/assets/images/UnWhite.jpg"),
     alarmImg4: require("@/assets/images/UnActive.jpg"),
     manyi: false,
     bumanyi: false,
   };
 },
 
// 第三步 
insertAttr1() {
  this.manyi = !this.manyi;
  this.bumanyi = false;
  if (this.manyi == true) {
    addFeedback({
      title: this.text,
      status: "1",
      note: "",
      type: "1",
      userName: this.loginName,
    }).then((res) => { 
    });
  }
},
insertAttr2() {
  this.bumanyi = !this.bumanyi;
  this.manyi = false;
  if (this.bumanyi == true) {
    addFeedback({
      title: this.text,
      status: "2",
      note: "",
      type: "1",
      userName: this.loginName,
    }).then((res) => { 
    });
  }
},