vue 中用法

我不是女神ヾ 2021-12-03 15:07 444阅读 0赞

**1.v-for和data属性**

<li v-for="(item, index) in message" v-on:click="addClassFun(index,$event)" :data-qt_id='item.qt_id' v-bind:class='{selectcolor:index==selectIndex}'>
    						{
       { item.type_name }}
    </li>
    
    
    
    var app=new Vue({
    				el:'#app',
    				data:{
    					message:{},
    					selectIndex:0,
    				    qt_id:''
    				},
    				methods:{
    					addClassFun:function(index,e){
    						this.selectIndex = index;
                            this.qt_id=e.srcElement.dataset.qt_id;
    					},
    				},
    				created:function(){
    					fetch(url, {
    					  method: "POST",
    					  headers: {
    						  "Content-Type": "application/x-www-form-urlencoded",
    					  },
    					  mode: "cors",
    					  body: JSON.stringify({
    						 content: "留言内容"
    					  })
    					}).then((res)=>{
    						return res.json();
    					}).then((data)=>{
    						//return res.json();
    						console.log(this.message)
    						this.message=data.data;
    					})
    				}
    			})

发表评论取消回复

表情：

评论列表（有 0 条评论，444人围观）

还没有评论，来说两句吧...

相关阅读

相关 VUe 中SASS用法

[https://blog.csdn.net/wangningjing87/article/details/100918868][https_blog.csdn.net_wan

超、凢脫俗/ 2023年08月17日 17:04/ 0 赞/ 85 阅读

相关 VUE中watch用法

一、 watch是什么？监测 Vue 实例变化的一个表达式或方法。回调函数得到的参数为新值和旧值，用一个函数取代。简洁的说：watch的作用可以监控一个值的变换，

ゝ一世哀愁。/ 2023年02月09日 10:28/ 0 赞/ 27 阅读

相关 vue中axios基本用法

1.首先安装axios： 1)：npm install 2)：npm install vue-axios --save 3)：np

古城微笑少年丶/ 2022年10月25日 04:48/ 0 赞/ 222 阅读

相关 vue3中websocket用法

1.0 认识 websocket [\][Link 1]1.0.1 什么是 websocket 和 http 协议类似，websocket 也是是一个网络通信协议，

港控/mmm°/ 2022年09月11日 04:26/ 0 赞/ 537 阅读

相关 vue中v-for 用法

转载于：[https://www.cnblogs.com/landuo629/p/12409597.html][https_www.cnblogs.com_landuo629_

矫情吗；*/ 2022年09月07日 06:15/ 0 赞/ 202 阅读

相关 Vue中ref的用法

基本用法 <div id="app"> <input type="text" ref="input1"/> <button @click="add">添加

比眉伴天荒/ 2022年05月18日 05:00/ 0 赞/ 347 阅读

相关 Vue中watch用法

> 这里结合cmputed实现 > index.vue <script> export default{ data(){

叁歲伎倆/ 2022年01月12日 00:23/ 0 赞/ 323 阅读

相关 vue中$emit的用法

1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实

野性酷女/ 2021年12月22日 05:51/ 0 赞/ 350 阅读

相关 vue 中用法

1.v-for和data属性 <li v-for="(item, index) in message" v-on:click="addClassFun(inde

我不是女神ヾ/ 2021年12月03日 15:07/ 0 赞/ 445 阅读

相关 vue中localstorage的用法

vue中需要将内容存储到本地缓存中 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

àì夳堔傛蜴生んèń/ 2021年07月26日 02:16/ 0 赞/ 724 阅读