應(yīng)用場景
可以供用戶選擇所在位置、喜好位置。可用于根據(jù)用戶所選位置給用戶提供該位置的特色美食，附近的電影院，周邊環(huán)境等。
效果圖展示
視頻
支付寶省市區(qū)三級聯(lián)動
圖片
代碼實現(xiàn)
點擊按鈕button，讓其彈框。用戶可在彈框中選擇位置，選中后讓其顯示在第三個view標(biāo)簽里select。
HTML代碼如下：
<view class="page-description">支付寶小程序省市區(qū)三級聯(lián)動</view>
<button type="primary" @click="openMultiLevelSelect">按鈕</button>
<view>{{select}}</view>
JavaScript代碼如下：
provinceAndCity.js數(shù)據(jù)放在文末
//數(shù)據(jù)放在文末，安裝你的文件位置引入即可
import provinceData from "@/pages-me/FacialRecognition/provinceAndCity.js"
export default {
data() {
return {
data: provinceData.data,//數(shù)據(jù)放在文末
select:''
}
},
methods: {
openMultiLevelSelect() {
my.multiLevelSelect({
title: '請選擇位置', //級聯(lián)選擇標(biāo)題
list: this.data, //級聯(lián)數(shù)據(jù)列表
success: (res) => {
console.log('省市區(qū)三級聯(lián)動：',res)
this.select=`您選擇了 ${res.result[0].name}>${res.result[1].name}>${res.result[2].name}`
my.alert({
content: `您選擇了 ${res.result[0].name}>${res.result[1].name}>${res.result[2].name}`
})
}
});
}
},
}
主要代碼講解my.multiLevelSelect
以下從官網(wǎng)搬來講解哈哈：
簡介
my.multiLevelSelect 是級聯(lián)選擇功能 API。主要用于選擇多級關(guān)聯(lián)數(shù)據(jù)，例如省市區(qū)的信息選擇。
使用限制
此 API 支持個人支付寶小程序、企業(yè)支付寶小程序使用。
入?yún)?/strong>
入?yún)?Object 類型，參數(shù)如下：
list里的數(shù)據(jù)為大家準(zhǔn)備好了。放在文章末尾文章來源：http://www.zghlxwxcb.cn/news/detail-486871.html
provinceAndCity.js省市區(qū)數(shù)據(jù)（免費）
數(shù)據(jù)文件在審核當(dāng)中，上傳成功我會放在文末，如果急需數(shù)據(jù)也可以評論區(qū)或者私信我。第一次使用，不太會搞。截圖為證哈哈哈哈
文章來源地址http://www.zghlxwxcb.cn/news/detail-486871.html
到了這里，關(guān)于支付寶實現(xiàn)省市區(qū)三級聯(lián)動my.multiLevelSelect（附帶省市區(qū)js數(shù)據(jù)）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
