vue 中用法

我不是女神ヾ 2021-12-03 15:07 409阅读 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 条评论，409人围观）

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

相关阅读

相关 VUe 中SASS用法

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

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

相关 vue中prop的用法

prop的大小写 HTML 中的 `attribute` 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelC

骑猪看日落/ 2023年03月01日 09:04/ 0 赞/ 131 阅读

相关 vue中axios基本用法

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

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

相关 vue3中websocket用法

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

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

相关 vue中v-for 用法

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

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

相关 Vue中ref的用法

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

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

相关 Vue中watch用法

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

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

相关 vue中$emit的用法

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

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

相关 vue 中用法

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

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

相关 vue中localstorage的用法

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

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