{"id":31431,"date":"2024-11-25T09:08:38","date_gmt":"2024-11-25T01:08:38","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31431\/"},"modified":"2024-11-25T09:08:38","modified_gmt":"2024-11-25T01:08:38","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%a8%a1%e7%89%88%e6%b8%b2%e6%9f%93","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31431\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u6a21\u7248\u6e32\u67d3"},"content":{"rendered":"

\u8fd9\u6b21\u7ed9\u5927\u5bb6\u5e26\u6765\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u6a21\u7248\u6e32\u67d3\uff0c\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u6a21\u7248\u6e32\u67d3\u7684\u6709\u54ea\u4e9b\uff0c\u4e0b\u9762\u5c31\u662f\u5b9e\u6218\u6848\u4f8b\uff0c\u4e00\u8d77\u6765\u770b\u4e00\u4e0b\u3002<\/p>\n

\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4e3a\u5927\u5bb6\u8be6\u7ec6\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u6a21\u7248\u6e32\u67d3\u7684\u76f8\u5173\u8d44\u6599\uff0c\u5177\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u611f\u5174\u8da3\u7684\u5c0f\u4f19\u4f34\u4eec\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b<\/p>\n

\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u754c\u9762\u7a0b\u5e8f\u652f\u6301html\u8bed\u6cd5\uff0c\u591a\u52a0\u4e86\u4e00\u90e8\u5206\u6807\u7b7e\uff0c\u5982view\u3001block\u3001templete\u7b49\u3002<\/p>\n

\u6a21\u7248\u6e32\u67d3
index.wxml<\/p>\n

<view>\r\n <p>{{helloword}}<\/p>\r\n<\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u5176\u4e2d{{}}\u91cc\u9762\u5305\u542b\u7684\u5185\u5bb9\u4f60\u53ef\u4ee5\u7406\u89e3\u4e3a\u4e00\u4e2a\u53d8\u91cf\uff0c\u600e\u4e48\u8ba9\u7a0b\u5e8f\u89e3\u6790\u51fa{{helloword}}\u53d8\u91cf<\/p>\n
\u5728index.js \u4e2d\u6ce8\u518c\u8fd9\u4e2a\u53d8\u91cf<\/p>\n
var json = {\r\n data:{\r\n  \"helloWord\" : \"hello world\"\r\n }\r\n};\r\npage(json)<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u7136\u540e\u6211\u4eec\u8fd0\u884c\u5c0f\u7a0b\u5e8f\uff0c\u5c31\u53ef\u4ee5\u53d1\u73b0\u663e\u793a\u7684\u5c31\u662fhello world\uff0c\u5373\u6240\u6709\u7684\u53d8\u91cf\u90fd\u9700\u8981\u5305\u542b\u5728\u6ce8\u518c\u754c\u9762\u7684data\u4e2d 
\u6709\u7684\u4eba\u53ef\u80fd\u4f1a\u95ee\uff0c\u600e\u4e48\u53bb\u52a8\u6001\u7684\u6dfb\u52a0\u8fd9\u4e9b\u53d8\u91cf\u5462\uff1f<\/p>\n
var json = {\r\n data:{\r\n  \"helloWorld\":\"\"\r\n },\r\n \/\/\u76d1\u542c\u9875\u9762\u52a0\u8f7d\r\n onLoad:function(){\r\n  var that = this;\r\n  that.setData({\r\n   \"helloWorld\":\"hello world\"\r\n  })\r\n }\r\n};\r\npage(json)<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u751a\u81f3\u6211\u4eec\u8fd8\u53ef\u4ee5<\/p>\n
var json = {\r\n data:{},\r\n \/\/\u76d1\u542c\u9875\u9762\u52a0\u8f7d\r\n onLoad:function(){\r\n  var that = this;\r\n  that.setData({\r\n   \"helloWorld\":\"hello world\"\r\n  })\r\n }\r\n};\r\npage(json)<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u90fd\u80fd\u5b9e\u73b0\u76f8\u540c\u6548\u679c\uff0c\u6bcf\u6b21\u8c03\u7528setData()\u7684\u662f\u591f\u90fd\u4f1a\u91cd\u65b0\u6e32\u67d3\u4e00\u6b21\u9875\u9762\u3002<\/p>\n
index1.wxml<\/p>\n
<view>\r\n <view wx:for=\"{{users}}\" wx:for-item=\"{{item}}\">\r\n  <view wx:for=\"{{item}}\" wx:for-index=\"{{key}}\" wx:for-item=\"{{val}}\">\r\n    <p>{{key}}=>{{val}}<\/p>\r\n  <\/view>\r\n <\/view>\r\n <view id=\"nameDemo\">\r\n  <p>name : {{users[0].name}}<\/p>\r\n <\/view>\r\n <view>\r\n  <button bindtap=\"clickFunc\">\u6211\u662f\u6d4b\u8bd5\u6309\u94ae<\/button>\r\n <\/view>\r\n<\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
index1.js<\/p>\n
var json={\r\n data:{},\r\n \/\/\u76d1\u542c\u9875\u9762\u663e\u793a\r\n onShow:function(){\r\n  vat that = this;\r\n  that.setData({\r\n   users:[\r\n    {\r\n     \"name\":\"name1\",\r\n     \"age\":100\r\n    },\r\n    {\r\n     \"name\":\"name2\",\r\n     \"age\":101\r\n    }\r\n   ]\r\n  });\r\n }\r\n};\r\npage(json);<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u5176\u4e2d\u53d8\u91cfthat\u7684\u4f5c\u7528\u662f\u5bf9this\u7684\u4f5c\u7528\u57df\u7684\u4e00\u4e2a\u6269\u5c55\u3002 
wx:for \u5faa\u73af\u4e00\u4e2a\u53d8\u91cf 
wx:for-index \u4ee3\u8868\u5faa\u73af\u7684\u952e\u540d 
wx:for-item \u4ee3\u8868\u5faa\u73af\u7684\u952e\u503c 
users \u5728\u9875\u9762\u663e\u793a\u7684\u65f6\u5019\u52a8\u6001\u7684\u6dfb\u52a0\u5230\u4e86data\u4f5c\u7528\u57df\u4e2d\u3002<\/p>\n
\u73b0\u5728\u6211\u4eec\u518d\u6765\u770b\u4e00\u4e2a\u65b0\u7684\u95ee\u9898 \u5982\u4e0aid=\u201dnameDemo\u201d view\u4e2d{{users[0].name}} \u8fd9\u4e2a\u503c\u6211\u4eec\u600e\u4e48\u53bb\u52a8\u6001\u7684\u66f4\u6539\u95ee\u9898 
\u6709\u7684\u53ef\u80fd\u8bf4\u76f4\u63a5\u91cd\u65b0\u751f\u6210\u4e00\u4e2ajson\u76f4\u63a5\u6e32\u67d3\u8fdb\u53bb\u4e0d\u5c31\u884c\u4e86\uff1f 
\u8fd9\u79cd\u65b9\u6848\u662f\u53ef\u4ee5\u7684\uff0c\u4f46\u662f\u8981\u8003\u8651\u5230\u6e32\u67d3\u7684\u6027\u80fd\u5440\uff0c\u5982\u679c\u6bcf\u6b21\u8c03\u7528\u90fd\u91cd\u65b0\u6e32\u67d3\u4e00\u6b21\uff0c\u5361\u6b7b\u4f60\u3002 
\u89e3\u51b3\u65b9\u6848\u5c31\u662fjs\u7684\u5c0f\u6280\u5de7<\/p>\n
\u53ea\u66f4\u6539{{users[0].name}}\u7684\u503c<\/p>\n
var json = {\r\n data:{},\r\n \/\/\u76d1\u542c\u9875\u9762\u663e\u793a\r\n onShow:function(){\r\n  vat that = this;\r\n  that.setData({\r\n   users:[\r\n    {\r\n     \"name\":\"name1\",\r\n     \"age\":100\r\n    },\r\n    {\r\n     \"name\":\"name2\",\r\n     \"age\":101\r\n    }\r\n   ]\r\n  });\r\n },\r\n clickFunc:function(event){\r\n  vat that = this;\r\n  var dataJson = {};\r\n  dataJson[\"users[0].name\"] = \"\u6211\u662f\u8c01\"; \r\n  that.setData(dataJson);\r\n }\r\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u5176\u4e2dbindtap \u7ed9button\u6dfb\u52a0\u4e86\u4e00\u4e2a\u70b9\u51fb\uff0c\u70b9\u51fb\u4e8b\u4ef6\u5bf9\u5e94\u7684\u51fd\u6570\u662fclickFunc \u53c2\u6570event\u6570\u636e\u7ed3\u6784\u5982\u4e0b<\/p>\n
 { \r\n  \"type\": \"tap\", \r\n  \"timeStamp\": 1252, \r\n  \"target\": { \r\n   \"id\": \"tapTest\", \r\n   \"offsetLeft\": 0, \r\n   \"offsetTop\": 0\r\n  }, \r\n  \"currentTarget\": { \r\n   \"id\": \"tapTest\", \r\n   \"offsetLeft\": 0, \r\n   \"offsetTop\": 0, \r\n   \"dataset\": { \r\n   \"hi\": \"MINA\" \r\n   } \r\n  }, \r\n  \"touches\": [{ \r\n   \"pageX\": 30, \r\n   \"pageY\": 12, \r\n   \"clientX\": 30, \r\n   \"clientY\": 12, \r\n   \"screenX\": 112, \r\n   \"screenY\": 151 \r\n  }], \r\n  \"detail\": { \r\n   \"x\": 30, \r\n   \"y\": 12 \r\n  } \r\n }<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u76f8\u4fe1\u770b\u4e86\u672c\u6587\u6848\u4f8b\u4f60\u5df2\u7ecf\u638c\u63e1\u4e86\u65b9\u6cd5\uff0c\u66f4\u591a\u7cbe\u5f69\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n
\u63a8\u8350\u9605\u8bfb\uff1a<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u6a21\u7248\u6e32\u67d3\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":"
\u8fd9\u6b21\u7ed9\u5927\u5bb6\u5e26\u6765\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u6a21\u7248\u6e32\u67d3\uff0c\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u6a21\u7248\u6e32\u67d3\u7684\u6709\u54ea\u4e9b\uff0c\u4e0b\u9762\u5c31\u662f\u5b9e\u6218\u6848\u4f8b\uff0c\u4e00\u8d77\u6765\u770b\u4e00\u4e0b\u3002 \u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4e3a\u5927\u5bb6\u8be6\u7ec6\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u6a21\u7248\u6e32\u67d3\u7684\u76f8\u5173\u8d44\u6599\uff0c\u5177\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u611f\u5174\u8da3\u7684\u5c0f\u4f19\u4f34\u4eec\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684\u754c\u9762\u7a0b\u5e8f\u652f\u6301html\u8bed\u6cd5\uff0c\u591a\u52a0\u4e86\u4e00\u90e8\u5206\u6807\u7b7e\uff0c\u5982view\u3001block\u3001templete\u7b49\u3002 \u6a21\u7248\u6e32\u67d3 index.wxml <view> <p>{{helloword}}<\/p> <\/view> \u767b\u5f55\u540e\u590d\u5236 \u5176\u4e2d{{}}\u91cc\u9762\u5305\u542b\u7684\u5185\u5bb9\u4f60\u53ef\u4ee5\u7406\u89e3\u4e3a\u4e00\u4e2a\u53d8\u91cf\uff0c\u600e\u4e48\u8ba9\u7a0b\u5e8f\u89e3\u6790\u51fa{{helloword}}\u53d8\u91cf \u5728index.js \u4e2d\u6ce8\u518c\u8fd9\u4e2a\u53d8\u91cf var json = { data:{ “helloWord” : “hello world” } }; page(json) \u767b\u5f55\u540e\u590d\u5236 \u7136\u540e\u6211\u4eec\u8fd0\u884c\u5c0f\u7a0b\u5e8f\uff0c\u5c31\u53ef\u4ee5\u53d1\u73b0\u663e\u793a\u7684\u5c31\u662fhello world\uff0c\u5373\u6240\u6709\u7684\u53d8\u91cf\u90fd\u9700\u8981\u5305\u542b\u5728\u6ce8\u518c\u754c\u9762\u7684data\u4e2d \u6709\u7684\u4eba\u53ef\u80fd\u4f1a\u95ee\uff0c\u600e\u4e48\u53bb\u52a8\u6001\u7684\u6dfb\u52a0\u8fd9\u4e9b\u53d8\u91cf\u5462\uff1f var json = { data:{ “helloWorld”:”” }, \/\/\u76d1\u542c\u9875\u9762\u52a0\u8f7d onLoad:function(){ var that = this; that.setData({ “helloWorld”:”hello world” }) } }; page(json) \u767b\u5f55\u540e\u590d\u5236 \u751a\u81f3\u6211\u4eec\u8fd8\u53ef\u4ee5 var json = { data:{}, […]<\/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-31431","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31431","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=31431"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31431\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}