{"id":28466,"date":"2024-11-25T08:06:35","date_gmt":"2024-11-25T00:06:35","guid":{"rendered":"https:\/\/fwq.ai\/blog\/28466\/"},"modified":"2024-11-25T08:06:35","modified_gmt":"2024-11-25T00:06:35","slug":"%e8%a1%a8%e5%8d%95%e7%bb%84%e4%bb%b6_%e5%b0%8f%e7%a8%8b%e5%ba%8f%e8%a1%a8%e5%8d%95%e5%a4%9a%e8%a1%8c%e8%be%93%e5%85%a5%e6%a1%86%e8%a1%a8%e6%a0%bc%e8%af%a6%e8%a7%a3","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/28466\/","title":{"rendered":"\u8868\u5355\u7ec4\u4ef6_\u5c0f\u7a0b\u5e8f\u8868\u5355\u591a\u884c\u8f93\u5165\u6846\u8868\u683c\u8be6\u89e3"},"content":{"rendered":"

\u591a\u884c\u8f93\u5165\u6846\u3002<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u5c5e\u6027\u540d<\/th>\n\u7c7b\u578b<\/th>\n\u9ed8\u8ba4\u503c<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
value<\/td>\nString<\/td>\n <\/td>\n\u8f93\u5165\u6846\u7684\u5185\u5bb9<\/td>\n<\/tr>\n
placeholder<\/td>\nString<\/td>\n <\/td>\n\u8f93\u5165\u6846\u4e3a\u7a7a\u65f6\u5360\u4f4d\u7b26<\/td>\n<\/tr>\n
placeholder-style<\/td>\nString<\/td>\n <\/td>\n\u6307\u5b9a placeholder \u7684\u6837\u5f0f<\/td>\n<\/tr>\n
placeholder-class<\/td>\nString<\/td>\ntextarea-placeholder<\/td>\n\u6307\u5b9a placeholder \u7684\u6837\u5f0f\u7c7b<\/td>\n<\/tr>\n
disabled<\/td>\nBoolean<\/td>\nfalse<\/td>\n\u662f\u5426\u7981\u7528<\/td>\n<\/tr>\n
maxlength<\/td>\nNumber<\/td>\n140<\/td>\n\u6700\u5927\u8f93\u5165\u957f\u5ea6\uff0c\u8bbe\u7f6e\u4e3a -1 \u7684\u65f6\u5019\u4e0d\u9650\u5236\u6700\u5927\u957f\u5ea6<\/td>\n<\/tr>\n
auto-focus<\/td>\nBoolean<\/td>\nfalse<\/td>\n\u81ea\u52a8\u805a\u7126\uff0c\u62c9\u8d77\u952e\u76d8\u3002<\/td>\n<\/tr>\n
focus<\/td>\nBoolean<\/td>\nfalse<\/td>\n\u83b7\u53d6\u7126\u70b9<\/td>\n<\/tr>\n
auto-height<\/td>\nBoolean<\/td>\nfalse<\/td>\n\u662f\u5426\u81ea\u52a8\u589e\u9ad8\uff0c\u8bbe\u7f6eauto-height\u65f6\uff0cstyle.height\u4e0d\u751f\u6548<\/td>\n<\/tr>\n
fixed<\/td>\nBoolean<\/td>\nfalse<\/td>\n\u5982\u679c textarea \u662f\u5728\u4e00\u4e2aposition:fixed\u7684\u533a\u57df\uff0c\u9700\u8981\u663e\u793a\u6307\u5b9a\u5c5e\u6027 fixed \u4e3a true<\/td>\n<\/tr>\n
cursor-spacing<\/td>\nNumber<\/td>\n0<\/td>\n\u6307\u5b9a\u5149\u6807\u4e0e\u952e\u76d8\u7684\u8ddd\u79bb\uff0c\u5355\u4f4d px \u3002\u53d6 textarea \u8ddd\u79bb\u5e95\u90e8\u7684\u8ddd\u79bb\u548c cursor-spacing \u6307\u5b9a\u7684\u8ddd\u79bb\u7684\u6700\u5c0f\u503c\u4f5c\u4e3a\u5149\u6807\u4e0e\u952e\u76d8\u7684\u8ddd\u79bb<\/td>\n<\/tr>\n
bindfocus<\/td>\nEventHandle<\/td>\n <\/td>\n\u8f93\u5165\u6846\u805a\u7126\u65f6\u89e6\u53d1\uff0cevent.detail = {value: value}<\/td>\n<\/tr>\n
bindblur<\/td>\nEventHandle<\/td>\n <\/td>\n\u8f93\u5165\u6846\u5931\u53bb\u7126\u70b9\u65f6\u89e6\u53d1\uff0cevent.detail = {value: value}<\/td>\n<\/tr>\n
bindlinechange<\/td>\nEventHandle<\/td>\n <\/td>\n\u8f93\u5165\u6846\u884c\u6570\u53d8\u5316\u65f6\u8c03\u7528\uff0cevent.detail = {height: 0, heightRpx: 0, lineCount: 0}<\/td>\n<\/tr>\n
bindinput<\/td>\nEventHandle<\/td>\n <\/td>\n\u5f53\u952e\u76d8\u8f93\u5165\u65f6\uff0c\u89e6\u53d1 input \u4e8b\u4ef6\uff0cevent.detail = {value: value}\uff0cbindinput \u5904\u7406\u51fd\u6570\u7684\u8fd4\u56de\u503c\u5e76\u4e0d\u4f1a\u53cd\u6620\u5230 textarea \u4e0a<\/strong> <\/td>\n<\/tr>\n
bindconfirm<\/td>\nEventHandle<\/td>\n <\/td>\n\u70b9\u51fb\u5b8c\u6210\u65f6\uff0c \u89e6\u53d1 confirm \u4e8b\u4ef6\uff0cevent.detail = {value: value}<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 \u793a\u4f8b\u4ee3\u7801\uff1a<\/strong><\/p>\n

<!--textarea.wxml-->\n<view>\n  <textarea><\/textarea><\/view><view>\n  <textarea><\/textarea><\/view><view>\n  <textarea><\/textarea><\/view><view>\n  <textarea><\/textarea>\n  <view>\n    <button>\u4f7f\u5f97\u8f93\u5165\u6846\u83b7\u53d6\u7126\u70b9<\/button>\n  <\/view><\/view><view>  <form>    <textarea><\/textarea>    <button> \u63d0\u4ea4 <\/button>  <\/form><\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\/\/textarea.js\nPage({\n  data: {\n    height: 20,\n    focus: false\n  },\n  bindButtonTap: function() {\n    this.setData({\n      focus: true\n    })\n  },\n  bindTextAreaBlur: function(e) {\n    console.log(e.detail.value)\n  },  bindFormSubmit: function(e) {    console.log(e.detail.value.textarea)  }\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
Bug & Tip<\/p>\n
    \n
  1. \n
    bug: \u5fae\u4fe1\u7248\u672c6.3.30\uff0ctextarea\u5728\u5217\u8868\u6e32\u67d3\u65f6\uff0c\u65b0\u589e\u52a0\u7684textarea\u5728\u81ea\u52a8\u805a\u7126\u65f6\u7684\u4f4d\u7f6e\u8ba1\u7b97\u9519\u8bef\u3002<\/p>\n<\/li>\n
  2. \n
     tip:textarea \u7684blur\u4e8b\u4ef6\u4f1a\u665a\u4e8e\u9875\u9762\u4e0a\u7684tap\u4e8b\u4ef6\uff0c\u5982\u679c\u9700\u8981\u5728button\u7684\u70b9\u51fb\u4e8b\u4ef6\u83b7\u53d6textarea\uff0c\u53ef\u4ee5\u4f7f\u7528form\u7684bindsubmit\u3002<\/p>\n<\/li>\n
  3. \n
    tip: \u4e0d\u5efa\u8bae\u5728\u591a\u884c\u6587\u672c\u4e0a\u5bf9\u7528\u6237\u7684\u8f93\u5165\u8fdb\u884c\u4fee\u6539\uff0c\u6240\u4ee5textarea\u7684bindinput\u5904\u7406\u51fd\u6570\u5e76\u4e0d\u4f1a\u5c06\u8fd4\u56de\u503c\u53cd\u6620\u5230textarea\u4e0a\u3002<\/p>\n<\/li>\n
  4. \n
    tip:textarea\u7ec4\u4ef6\u662f\u7531\u5ba2\u6237\u7aef\u521b\u5efa\u7684\u539f\u751f\u7ec4\u4ef6\uff0c\u5b83\u7684\u5c42\u7ea7\u662f\u6700\u9ad8\u7684\u3002<\/p>\n<\/li>\n
  5. \n
    tip: \u8bf7\u52ff\u5728scroll-view\u4e2d\u4f7f\u7528textarea\u7ec4\u4ef6\u3002<\/p>\n<\/li>\n
  6. \n
    tip:css\u52a8\u753b\u5bf9textarea\u7ec4\u4ef6\u65e0\u6548\u3002<\/p>\n<\/li>\n<\/ol>\n
    \u76f8\u5173\u6587\u7ae0\uff1a<\/p>\n<\/p>\n
    \u76f8\u5173\u89c6\u9891\uff1a<\/p>\n<\/p>\n
    \u4ee5\u4e0a\u5c31\u662f\u8868\u5355\u7ec4\u4ef6_\u5c0f\u7a0b\u5e8f\u8868\u5355\u591a\u884c\u8f93\u5165\u6846\u8868\u683c\u8be6\u89e3\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
    \u591a\u884c\u8f93\u5165\u6846\u3002 \u5c5e\u6027\u540d \u7c7b\u578b \u9ed8\u8ba4\u503c \u8bf4\u660e value String   \u8f93\u5165\u6846\u7684\u5185\u5bb9 placeholder String   \u8f93\u5165\u6846\u4e3a\u7a7a\u65f6\u5360\u4f4d\u7b26 placeholder-style String   \u6307\u5b9a placeholder \u7684\u6837\u5f0f placeholder-class String textarea-placeholder \u6307\u5b9a placeholder \u7684\u6837\u5f0f\u7c7b disabled Boolean false \u662f\u5426\u7981\u7528 maxlength Number 140 \u6700\u5927\u8f93\u5165\u957f\u5ea6\uff0c\u8bbe\u7f6e\u4e3a -1 \u7684\u65f6\u5019\u4e0d\u9650\u5236\u6700\u5927\u957f\u5ea6 auto-focus Boolean false \u81ea\u52a8\u805a\u7126\uff0c\u62c9\u8d77\u952e\u76d8\u3002 focus Boolean false \u83b7\u53d6\u7126\u70b9 auto-height Boolean false \u662f\u5426\u81ea\u52a8\u589e\u9ad8\uff0c\u8bbe\u7f6eauto-height\u65f6\uff0cstyle.height\u4e0d\u751f\u6548 fixed Boolean false \u5982\u679c textarea \u662f\u5728\u4e00\u4e2aposition:fixed\u7684\u533a\u57df\uff0c\u9700\u8981\u663e\u793a\u6307\u5b9a\u5c5e\u6027 fixed \u4e3a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-28466","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=28466"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28466\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=28466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=28466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=28466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}