vue学习笔记

1. 项目需求是左侧展示短信的类型(动态从后台获取),如下:

2. 提交到后台的请求代码如下:

$Yx.AjaxRequest({

module: 'dataSet',

method: 'post',

name: 'MessageQuery.messageCount',

version: '2.0',

data:param,

token: store.getters.token

}).then(resp => {

me.countList = resp.data.data;

console.log("左侧菜单及条数"+JSON.stringify(resp.data.data))

}).catch(() => {

console.log("error")

})

3.页面展示的代码如下:

<div>

<ul>

<li v-for="sms in countList" @click="find_notice(sms.smsType)">{{sms.smsTypeName}}<span class="label label-info">{{sms.smsCount}}</span></li>

</ul>

</div>

重点来了-->

点击左侧短信类型,右侧对应显示短信条数,向后台再次发起请求,需要传递参数,写法如下:

@click="find_notice(sms.smsType)"

 

 

 

 

 

以上是 vue学习笔记 的全部内容, 来源链接: utcz.com/a/46282.html

回到顶部