{"id":28488,"date":"2024-11-25T16:02:49","date_gmt":"2024-11-25T08:02:49","guid":{"rendered":"https:\/\/fwq.ai\/blog\/28488\/"},"modified":"2024-11-25T16:02:49","modified_gmt":"2024-11-25T08:02:49","slug":"%e5%b0%8f%e7%bb%93-%e5%9c%a8%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e4%b8%ad%e4%bc%9a%e9%81%87%e5%88%b0%e7%9a%84%e4%b8%80%e4%ba%9b%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/28488\/","title":{"rendered":"\u5c0f\u7ed3\u2014\u5728\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e2d\u4f1a\u9047\u5230\u7684\u4e00\u4e9b\u95ee\u9898"},"content":{"rendered":"<p>\u6700\u8fd1\u81ea\u5df1\u5728\u505a\u5c0f\u7a0b\u5e8f\u7ec3\u4e60\uff0c\u5206\u4eab\u4e00\u4e0b\u6211\u9047\u5230\u7684\u5c0f\u5751<\/p>\n<h3>data\u6570\u636e\u66f4\u65b0<\/h3>\n<ul>\n<li>\n<p>\u76f4\u63a5\u5bf9this.data\u8fdb\u884c\u8d4b\u503c\uff0c\u662f\u65e0\u6cd5\u66f4\u65b0\u89c6\u56fe\u7ed1\u5b9a\u7684\u6570\u636e\u7684\uff0c\u4f1a\u9020\u6210\u6570\u636e\u4e0d\u4e00\u81f4<\/p>\n<\/li>\n<li>\n<p>\u9700\u8981\u4f7f\u7528this.setData\u66f4\u65b0<\/p>\n<\/li>\n<\/ul>\n<pre>this.data.key&nbsp;=&nbsp;value\nthis.setData({\n&nbsp;&nbsp;key:&nbsp;value\n})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h3>require<\/h3>\n<ul>\n<li>\n<p>\u6682\u65f6\u4e0d\u652f\u6301\u7edd\u5bf9\u8def\u5f84<\/p>\n<\/li>\n<\/ul>\n<pre>const&nbsp;util&nbsp;=&nbsp;require('..\/..\/utils\/util.js')<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h3>background-image<\/h3>\n<ul>\n<li>\n<p>\u4e0d\u80fd\u4f7f\u7528\u9759\u6001\u6587\u4ef6\uff0c\u53ea\u80fd\u4f7f\u7528base64\u548c\u7f51\u7edc\u56fe\u7247<\/p>\n<\/li>\n<li>\n<p>\u53ef\u4ee5\u7528<img>\u89e3\u51b3<\/p>\n<\/li>\n<\/ul>\n<pre>background:&nbsp;#fff&nbsp;url(data:image\/jpeg;base64,***)\n&lt;image&gt;&lt;\/image&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h3>\u7ec4\u4ef6\u6837\u5f0f<\/h3>\n<ul>\n<li>\n<p>app.wxss \u7684\u6837\u5f0f\u4e0d\u80fd\u5e94\u7528\u5230\u7ec4\u4ef6\u5185\u90e8<\/p>\n<\/li>\n<li>\n<p>\u53ef\u4ee5\u6309\u9700\u5f15\u7528 import: \u201c\u201d<\/p>\n<\/li>\n<\/ul>\n<pre>@import&nbsp;\"\/app.wxss\";<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h3>textarea<\/h3>\n<ul>\n<li>\n<p>textarea\u9ed8\u8ba4\u6837\u5f0f\u6709\u56fa\u5b9a\u5bbd\u5ea6<\/p>\n<\/li>\n<\/ul>\n<h3>\u4e8b\u4ef6\u4f20\u53c2<\/h3>\n<ul>\n<li>\n<p>\u6a21\u677f\u91cc\u9762\u4e8b\u4ef6\u4e0d\u80fd\u4f20\u53c2<\/p>\n<\/li>\n<li>\n<p>\u4f7f\u7528event.currentTarget.dataset\u83b7\u53d6<\/p>\n<\/li>\n<\/ul>\n<pre>&lt;view&gt;&nbsp;Click&nbsp;me!&nbsp;&lt;\/view&gt;\n\nPage({\n&nbsp;&nbsp;tapName(event)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;console.log(event.currentTarget.dataset.hi)\n&nbsp;&nbsp;}\n})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h3>animation<\/h3>\n<ul>\n<li>\n<p>animation\u4e0d\u80fd\u76f4\u63a5\u7ed1\u5b9a\u4e2d\u7ec4\u4ef6\u4e0a<\/p>\n<\/li>\n<li>\n<p>\u5916\u9762\u5305\u88f9\u4e00\u5c42 <\/p>\n<\/li>\n<\/ul>\n<pre>&lt;view&gt;\n&nbsp;&nbsp;&lt;my-component&gt;&lt;\/my-component&gt;&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h3>checkBox<\/h3>\n<ul>\n<li>\n<p>checkbox-group\u7ed1\u5b9a\u7684bindChange\u4e8b\u4ef6,\u6211\u4eec\u4e2d\u70b9\u51fbcheckbox\u4e8b\u4ef6\u4f1a\u5411\u4e0a\u5192\u6ce1\uff0c\u5bfc\u81f4\u5916\u5c42\u4e5f\u88ab\u70b9\u51fb<\/p>\n<\/li>\n<li>\n<p>checkBox\u5916\u9762\u5305\u4e00\u5c42view\uff0c\u7ed9view\u6dfb\u52a0\u4e00\u4e2acatch\u4e8b\u4ef6<\/p>\n<\/li>\n<\/ul>\n<pre>&lt;checkbox-group&gt;\n&nbsp;&nbsp;&lt;view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;checkbox&gt;&lt;\/checkbox&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;\n&nbsp;&nbsp;&lt;\/view&gt;&lt;\/checkbox-group&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u76f8\u5173\u6587\u7ae0\uff1a<\/p>\n<\/p>\n<p>\u76f8\u5173\u89c6\u9891\uff1a<\/p>\n<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5c0f\u7ed3\u2014\u5728\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e2d\u4f1a\u9047\u5230\u7684\u4e00\u4e9b\u95ee\u9898\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":"<p>\u6700\u8fd1\u81ea\u5df1\u5728\u505a\u5c0f\u7a0b\u5e8f\u7ec3\u4e60\uff0c\u5206\u4eab\u4e00\u4e0b\u6211\u9047\u5230\u7684\u5c0f\u5751 data\u6570\u636e\u66f4\u65b0 \u76f4\u63a5\u5bf9this.data\u8fdb\u884c\u8d4b\u503c\uff0c\u662f\u65e0\u6cd5\u66f4\u65b0\u89c6\u56fe\u7ed1\u5b9a\u7684\u6570\u636e\u7684\uff0c\u4f1a\u9020\u6210\u6570\u636e\u4e0d\u4e00\u81f4 \u9700\u8981\u4f7f\u7528this.setData\u66f4\u65b0 this.data.key&nbsp;=&nbsp;value this.setData({ &nbsp;&nbsp;key:&nbsp;value }) \u767b\u5f55\u540e\u590d\u5236 require \u6682\u65f6\u4e0d\u652f\u6301\u7edd\u5bf9\u8def\u5f84 const&nbsp;util&nbsp;=&nbsp;require(&#8216;..\/..\/utils\/util.js&#8217;) \u767b\u5f55\u540e\u590d\u5236 background-image \u4e0d\u80fd\u4f7f\u7528\u9759\u6001\u6587\u4ef6\uff0c\u53ea\u80fd\u4f7f\u7528base64\u548c\u7f51\u7edc\u56fe\u7247 \u53ef\u4ee5\u7528\u89e3\u51b3 background:&nbsp;#fff&nbsp;url(data:image\/jpeg;base64,***) &lt;image&gt;&lt;\/image&gt; \u767b\u5f55\u540e\u590d\u5236 \u7ec4\u4ef6\u6837\u5f0f app.wxss \u7684\u6837\u5f0f\u4e0d\u80fd\u5e94\u7528\u5230\u7ec4\u4ef6\u5185\u90e8 \u53ef\u4ee5\u6309\u9700\u5f15\u7528 import: \u201c\u201d @import&nbsp;&#8220;\/app.wxss&#8221;; \u767b\u5f55\u540e\u590d\u5236 textarea textarea\u9ed8\u8ba4\u6837\u5f0f\u6709\u56fa\u5b9a\u5bbd\u5ea6 \u4e8b\u4ef6\u4f20\u53c2 \u6a21\u677f\u91cc\u9762\u4e8b\u4ef6\u4e0d\u80fd\u4f20\u53c2 \u4f7f\u7528event.currentTarget.dataset\u83b7\u53d6 &lt;view&gt;&nbsp;Click&nbsp;me!&nbsp;&lt;\/view&gt; Page({ &nbsp;&nbsp;tapName(event)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;console.log(event.currentTarget.dataset.hi) &nbsp;&nbsp;} }) \u767b\u5f55\u540e\u590d\u5236 animation animation\u4e0d\u80fd\u76f4\u63a5\u7ed1\u5b9a\u4e2d\u7ec4\u4ef6\u4e0a \u5916\u9762\u5305\u88f9\u4e00\u5c42 &lt;view&gt; &nbsp;&nbsp;&lt;my-component&gt;&lt;\/my-component&gt;&lt;\/view&gt; \u767b\u5f55\u540e\u590d\u5236 checkBox checkbox-group\u7ed1\u5b9a\u7684bindChange\u4e8b\u4ef6,\u6211\u4eec\u4e2d\u70b9\u51fbcheckbox\u4e8b\u4ef6\u4f1a\u5411\u4e0a\u5192\u6ce1\uff0c\u5bfc\u81f4\u5916\u5c42\u4e5f\u88ab\u70b9\u51fb checkBox\u5916\u9762\u5305\u4e00\u5c42view\uff0c\u7ed9view\u6dfb\u52a0\u4e00\u4e2acatch\u4e8b\u4ef6 &lt;checkbox-group&gt; &nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;checkbox&gt;&lt;\/checkbox&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt; &nbsp;&nbsp;&lt;\/view&gt;&lt;\/checkbox-group&gt; \u767b\u5f55\u540e\u590d\u5236 [&hellip;]<\/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-28488","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28488","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=28488"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28488\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=28488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=28488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=28488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}