国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序picker組件的簡單使用 單選

這篇具有很好參考價值的文章主要介紹了微信小程序picker組件的簡單使用 單選。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

<picker mode="selector" range="{{classData}}" bindchange="bindClassChange" value="{{classIndex}}" range-key="className">
  <view class="picker">
    {{classData[classIndex].className || '請選擇班級'}}
  </view>
</picker> 

classData是接口請求的數(shù)組 如果picker顯示的值是[object,object]這樣的?range-key="className"

range-key就是重點 修改成你要顯示的字段文章來源地址http://www.zghlxwxcb.cn/news/detail-659892.html

  //班級選擇
  bindClassChange: function (e) {
    const classIndex = e.detail.value;
    this.setData({
      classIndex
    });
  },

到了這里,關(guān)于微信小程序picker組件的簡單使用 單選的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 微信小程序picker組件–省市二級聯(lián)動及其回顯

    1. 在wxml文件中添加picker組件 2. 在js文件中定義region變量,并在onLoad函數(shù)中初始化 3. 在onLoad函數(shù)中獲取用戶已選擇的省市區(qū)信息,并將其賦值給region變量 )

    2024年02月08日
    瀏覽(23)
  • 【微信小程序】-- 表單組件 - picker 實現(xiàn)日期選擇器(五十三)

    【微信小程序】-- 表單組件 - picker 實現(xiàn)日期選擇器(五十三)

    ?? 所屬專欄:【微信小程序開發(fā)教程】 ?? 作??者:我是夜闌的狗?? ?? 個人簡介:一個正在努力學(xué)技術(shù)的CV工程師,專注基礎(chǔ)和實戰(zhàn)分享 ,歡迎咨詢! ?? 歡迎大家:這里是CSDN,我總結(jié)知識的地方,喜歡的話請三連,有問題請私信 ?? ?? ?? ??大家好,又見面了,

    2023年04月16日
    瀏覽(21)
  • 微信小程序 picker-view 組件構(gòu)建一個上下拖動選擇器

    微信小程序 picker-view 組件構(gòu)建一個上下拖動選擇器

    picker-view是官方的一個選擇器組件 支持多級選擇 當(dāng)然也可以單項選擇 我們先來看看是個什么東西吧 簡單寫一個 wxml代碼 js定義一個事件 然后 界面效果就是這樣的 我們可以鼠標(biāo)往上拖 例如 我們第二個選擇B 當(dāng)我們鼠標(biāo)拖動后 松開那一刻 pickerChange就會觸發(fā) 他會給你一個數(shù)組

    2024年02月08日
    瀏覽(21)
  • 在微信小程序使用picker實現(xiàn)日期選擇

    在微信小程序使用picker實現(xiàn)日期選擇

    而且選擇開始時間后,選擇結(jié)束時間,能夠選擇的日期不能比開始日期還要早。要實現(xiàn)以上效果可這樣寫: 在wxml中寫

    2024年02月16日
    瀏覽(100)
  • 微信小程序picker表單選擇器的使用

    微信小程序picker表單選擇器的使用 微信小程序picker表單選擇器的使用 bindchange:當(dāng)選擇項改變時觸發(fā)的方法 range:選項數(shù)組可以是二維數(shù)組 range-key:如果是二維數(shù)組時,用此屬性指定第二維數(shù)組的鍵以達(dá)到在選擇項中顯示這個鍵對應(yīng)的鍵值 value:是當(dāng)前值是當(dāng)前選中的數(shù)組的索

    2024年02月16日
    瀏覽(101)
  • 前端Vue自定義商品評價頁面單選多選標(biāo)簽tags組件單選多選按鈕選擇器picker組件

    前端Vue自定義商品評價頁面單選多選標(biāo)簽tags組件單選多選按鈕選擇器picker組件

    隨著技術(shù)的發(fā)展,開發(fā)的復(fù)雜度也越來越高,傳統(tǒng)開發(fā)方式將一個系統(tǒng)做成了整塊應(yīng)用,經(jīng)常出現(xiàn)的情況就是一個小小的改動或者一個小功能的增加可能會引起整體邏輯的修改,造成牽一發(fā)而動全身。 通過組件化開發(fā),可以有效實現(xiàn)單獨開發(fā),單獨維護,而且他們之間可以隨

    2024年02月16日
    瀏覽(59)
  • 微信小程序 實現(xiàn)最簡單的組件拖拽

    微信小程序 實現(xiàn)最簡單的組件拖拽

    最近在自主學(xué)習(xí)微信小程序的開發(fā);對于零基礎(chǔ)入門(沒有學(xué)習(xí)過前端)的我,查閱了許多微信小程序拖拽的實現(xiàn),大部分要么實現(xiàn)起來太復(fù)雜了,要么封裝組件太復(fù)雜了,附帶了拖拽之后排序等功能;因此寫下這篇個人覺得最好理解的 微信小程序元素拖拽的實現(xiàn); 這邊采用了

    2024年02月09日
    瀏覽(20)
  • uni-app uni-ui 微信小程序 uni-datetime-picker 時間選擇組件設(shè)置start和end屬性,實現(xiàn)時間選擇限制

    uni-app uni-ui 微信小程序 uni-datetime-picker 時間選擇組件設(shè)置start和end屬性,實現(xiàn)時間選擇限制

    ?效果如圖,先選擇開始日期,完成日期需要在開始日期之后,先選擇完成日期,開始日期需要在完成日期之前 需要用到uni-datetime-picker官方的三個屬性? 代碼如下 這樣一個能夠限制選定范圍的組件就ok了! ? ?

    2024年02月11日
    瀏覽(93)
  • 微信小程序——實現(xiàn)單選、多選

    微信小程序——實現(xiàn)單選、多選

    單選使用radio-group標(biāo)簽包裹radio標(biāo)簽 多選使用checkbox-group 標(biāo)簽包裹checkbox標(biāo)簽 ?單選和多選的wxml代碼 以下是wxss代碼

    2024年02月06日
    瀏覽(29)
  • 微信小程序:實現(xiàn)單選按鈕

    微信小程序:實現(xiàn)單選按鈕

    樣式: wxml 核心代碼: 注解: bindchange:有變化執(zhí)行事件 wx:for-items:表示對{{items}}進行循環(huán) radio中的color屬性:主要設(shè)置選中之后圖標(biāo)顏色 radio中的style屬性:這里主要用來展示圖標(biāo)的大,scale縮放 radio中的value屬性:主要用于事件bindchange執(zhí)行之后能獲取到值 radio中的checked屬性

    2024年02月07日
    瀏覽(31)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包