頁面的wxml**為：
src=
"/template/pageheader/pageheader.wxml"
/>
class
="container"
>
"pageheader"
data
="}"
>
template
>
class
="test-header"
src="/images/edit-header.png"
>
image
>
class
="form"
>
class
="form-container"
>
class
="form-title"
>
個人資訊介紹text
>
view
>
class
="question-container"
>
style
="color
:#7b7b7b
">
請向訪者簡要介紹你的個人情況text
>
class
="conts"
>
class
="areas"
minlength
="}"
maxlength
="}"
bindinput
="inputs"
data-param
="0"
>
textarea
>
view
>
class
="currentwordnumber"
>
}/}text
>
view
>
class
="form-container"
>
class
="form-title"
>
**資訊介紹text
>
view
>
class
="question-container"
>
style
="color
:#7b7b7b
">
請向受訪者簡要介紹**情況text
>
class
="conts"
>
class
="areas"
minlength
="}"
maxlength
="}"
bindinput
="inputs"
data-param
="1"
>
textarea
>
view
>
class
="currentwordnumber"
>
}/}text
>
view
>
view
>
view
>
class
="button-container"
>
class
="button"
bindtap
="onpreview"
>
class
="text"
>
預覽text
>
view
>
view
>
// pages/edit/edit.js
page(,
//字數限制並更新介紹資訊
inputs:
function
(e)if
(param==1)
//獲取輸入框內容的長度
//獲取兩類資訊
var s=
'currentwordnumber['
+param+
']'this
.setdata()
;//最多字數限制
// 當輸入框內容的長度大於最大長度限制（max)時，終止setdata()的執行
console.
log(
this
.data)},
onpreview:
function
(e)})}
else
)settimeout
(function()
);}}
)},2000)}
})}}
微信小程式入門學習
前 che 言 dan 正文 2.開發者學習 選擇專案儲存位址的時候選擇乙個新建立的空資料夾，並且勾選 quick start,它就會幫我們建立乙個簡易的小程式demo，方便我們學習理解 3.進入我們的專案以後，我們看到了乙個簡單的demo頁面，在左邊選單欄中選擇 編輯 可以檢視我們這個專案的檔案和...
微信小程式入門
標籤 view text 語法 條件渲染 view view else view 列表渲染 for wx key view for wx for item myitem wx for index myindex text 模板template 定義 template name temp view t...
微信小程式入門
pages 存放頁面的目錄 utils 存放自定義util工具的目錄 project.config.json 專案配置檔案 sitemap.json關於本檔案的更多資訊，請參考文件 專案中檔案，保留project.config.json 和 sitemap.json即可，其他的都可以刪除然後自行建立...