微信小程式關於後台小數轉換成整數並且顯示在頁面上

2022-09-13 18:45:11 字數 2140 閱讀 3928

前言:當後台傳輸資料時傳輸的數字有可能是小數,但是客戶要求必須顯示在頁面的是整數;

思路:因為後台傳過來的資料大部分都是義以陣列的形式傳過來,將這些資料顯示在頁面要進行資料例項化並且頁面要用for迴圈才可以;

小數轉整數時要進行二次例項化才可以顯示在頁面,由於頁面要for迴圈所以小數轉整數也要用for迴圈通過這個陣列獲取下標的方式對應的將整數顯示在頁面,不說了js**如下小數轉整數的方式有tofixed和parseint()要根據後台傳的資料型別來判斷

onload: function

(options)

function

(res) )

//這裡就是對小數轉換整數的過程

let list

= that.data.courselist;

for (let i = 0; i < list.length; i++) )}}

})}

else

},

let list = that.data.courselist;  //這裡是將後台courselist傳過來的資料賦值list也就是知道裡面有幾組資料間接尋找下標

for (let i = 0; i < list.length; i++) )

}

後台傳過來的資料如下所示:

data裡面還是不變:

courselist: [

],

wxml**如下:

<

view

class

='index-section-title'

>

<

text

class

='section-title-left-font'

>推薦課程

text

>

view

>

<

view

class

='course'

>

<

view

class

='course_big'

wx:for="}

">

<

view

class

='course_img'

>

<

image

class

='course_img_a'

src='}'

mode

='widthfix'

>

image

>

view

>

<

view

class

='course_text'

>

<

view

class

='course_text_a'

>}

view

>

<

view

class

='course_text_b'

>}

view

>

<

view

class

='course_price'

>

<

text

class

='course_price_a fl'

>}元

text

>

}元 <

view

class

='clear'

>

view

>

view

>

view

>

view

>

view

>

效果如下:

本人原創部落格希望大家提出意見:

關於 微信小程式

換行 html 中換行直接 但是小程式裡沒有 有兩種方式進行換行 1.在 標籤中使用 n 必須 text 標籤,view 標籤無效 2.樣式控制 white space pre line 合併空白符序列,但是保留換行符 white space pre wrap 保留空白符序列,但是正常地進行換行 w...

關於微信小程式事件

1.繫結事件 格式 bind 事件名 方法名 例如 刪除 如何傳參 通常利用自定義屬性來傳參 說明 h5通常data 自定義屬性名來傳參 2.觸發邏輯操作 資料驅動操作如何同步到檢視?this.setdata 類似於react中的this.setstate 補充 只更新某一條資料,而不是整體覆蓋更新...

微信小程式 關於分包

小程式 有個2m限制,是不是有的時候放都得忍著點,不敢把太大的放在小程式裡面,只能放遠端 但是隨著專案不斷迭代更新,越來越多,開發的時候更加小心翼翼。是不是很不舒服,還能不能讓我舒服的敲 了。那就說一下分包的限制吧 分包以後單獨包最大不能超過2m 整個小程式可以達到8m 比那2m限制翻了4倍 那就讓...