そこmpvueフレームワークとネイティブのマイクロチャネルアプレット特定の違いと、セレクタは、ネイティブメソッドと連携し、最終的に解決策を見つけていないだろうかどのように時間前。
データ・アレイ、次のように：
<テンプレート>
<DIV CLASS = "コスト見積もり">
<ビュークラス=「セクション」>
<：インデックスは= "インデックス"：範囲= "アレイ" 変化= "bindPickerChange" @ピッカーモード= "選択">
<表示>
現在選択されている状態：{{配列[インデックス]}}
</ビュー>
</ピッカー>
</ビュー>
</ div>
</テンプレート>
<スクリプト>
輸出のデフォルト{
データ（）{
{戻ります
配列：[ '中国'、 'アメリカ'、 '日本'、 '韓国']、
インデックス：0
}
}、
方法：{
bindPickerChange：関数（E）{
console.log（E「値を運ぶ選択ピッカー変化伝送」）
this.index = e.mp.detail.value
}
}
}
</ SCRIPT>
次のようにデータは、アレイに反対します。
<テンプレート>
<DIV CLASS = "コスト見積もり">
<ビュークラス=「セクション」>
<ピッカーモード= "選択"
@change
= "bindPickerChange"：インデックス= "インデックス"：範囲= "objectarray"：範囲キー= "
'名称'
">
<表示>
現在選択されている状態：{{objectarray [インデックス] .nameの}}
</ビュー>
</ピッカー>
</ビュー>
</ div>
</テンプレート>
<スクリプト>
輸出のデフォルト{
データ（）{
{戻ります
objectarray：[
{
ID：1、
名前：「中国」
}、
{
ID：1、
名前：「アメリカ人
}、
{
ID：1、
name: '日本'
}、
{
ID：1、
名前：「韓国の
}
]、
インデックス：0
}
}、
方法：{
bindPickerChange：関数（E）{
this.index = e.mp.detail.value
}
}
}
</ SCRIPT>
注意：1、mpvueテンプレートにbindchangeも@clickの一部ではありません
図2は、データオブジェクト、引用符で囲まれた「名前」に対応するレンジキーの配列であります