《微信小程序开发从入门到实战》学习二十四

3.3.12开发创建投票多选投票页面

创建投票多选投票页面和创建单选投票页面没有区别,唯一区别仅在于向服务端发送数据时,告诉服务器这个投票是什么类型的投票。这个类型用三种数据类型表示都可以,分别如下所示:

multiple:true/false//boolean类型

type:1/0//number类型

type:'multiVote'/'radioVote'//string类型

我选string类型,主要时一看就懂。

因为想做微信小程序兼职看能不能赚钱,就不一个个敲代码实现多选投票页面了。

首先在里增加多选投票页面:

"pages":[

"pages/index/index",

"pages/createVote/createVote",

"pages/createMultiVote/createMultiVote"

],

保存后,createMultiVote文件夹下四个文件全部复制createVote文件夹下文件。

修改文件,将这个页面的标题设置为“创建多选投票”。代码如下:

{

"navigationBarTitleText":"创建多选投票"

}

onTapCreateMultiVote(){

({

url:'/pages/createMultiVote/createMultiVote',

})

}

pages/index/绑定onTapCreateMultiVote函数,代码如下:

viewclass="btn"bind:tap="onTapCreateMultiVote"

imageclass="btn-img"src="/imgs/"mode="widthFix"/image

多选投票

textclass="btn-desc"创建一个多选投票/text

/view

在中formSubmit函数添加单选类型:

formSubmit(){

constformData={

type:'radioVote',

}

}

在中formSubmit函数添加多选类型:

formSubmit(){

constformData={

type:'multiVote',

}

}

预览效果如下:

版权声明:本站所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请举报,一经查实,本站将立刻删除。

相关推荐