首页 /小程序运营 /正文 小程序丨【已解决】自定义组件如何在原生form提交的事情中获得值-小程序开发 … … 兔 兔子 2018-01-28 11:46 小程序运营 <view class=“container”> <input class=‘title’ name=‘title’ placeholder=‘{{titlePlaceholder}}’ value=‘{{title}}’ ></input> </textarea\> <view class\='images' wx:for\='{{images}}' wx:key\="{{index}}" \> <view wx:if\="{{item.index == -1}}"\> <image class\='image' src\='{{item.url}}' bindtap\='chooseImage' data-index\="{{item.index}}"\></image\> </view\> <view wx:else\> <image class\='image' src\='{{item.url}}' bindtap\='delImagePlaceholder' data-index\="{{index}}"\></image\> </view\> </view\> </view\> 这是我的自定义组件，如何在原生的form中获得，title和content的值？【HTML 51】修改域名自动去掉www，微信小程序教程。 本文来自微信小程序开发 http://html51.com，转载请保留。 ### 网友回复： L\*\*\*： 你好，和这个问题相同： https://developers.weixin.qq.com/blogdetail?action=get\_post\_info&docid=4cecfc648e14f3f2cf5443e1423b900f&token=785406488&lang=zh\_CN 我们会尽快提供解决方案。 爱盈利-运营小咖秀(www.aiyingli.com) 始终坚持研究分享移动互联网App运营推广经验、策略、全案、渠道等纯干货知识内容；是广大App运营从业者的知识启蒙、成长指导、进阶学习的集聚平台； 想了解更多移动互联网干货知识，请关注微信公众号**运营小咖秀**（ID: yunyingshow） </div> <!-- 原文链接（迁移保留） --> <div class="mt-10 rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm text-slate-500"> 本文由爱盈利整理发布，链接：<a href="https://www.aiyingli.com/57184.html" class="link-accent">https://www.aiyingli.com/57184.html</a> </div> </div> <!-- 侧栏：相关文章 --> <aside class="space-y-8"> <div class="card p-5 lg:sticky lg:top-20"> <h3 class="mb-4 text-base font-bold text-slate-900">相关推荐</h3> <div class="space-y-1"> <a href="/282805.html" class="group flex gap-3 rounded-xl p-2 transition hover:bg-slate-50"><div class="relative h-16 w-24 shrink-0 overflow-hidden rounded-lg border border-slate-200"><div class="absolute inset-0"><div class="flex h-full w-full items-center justify-center bg-slate-100"><span class="grid h-7 w-7 place-items-center rounded-lg bg-accent-gradient text-xs font-black text-white shadow-sm">爱</span></div></div><img src="https://qnssl.niaogebiji.com/8384503916035f4717ba7a2.23626192.png" alt="搜一搜排名规则解析 | 公众号、小程序怎么做微信服务搜索？" loading="lazy" onerror="this.onerror=null;this.remove();" class="absolute inset-0 h-full w-full object-cover"></div><div class="min-w-0"><h4 class="line-clamp-2 text-sm font-medium text-slate-700 group-hover:text-accent">搜一搜排名规则解析 | 公众号、小程序怎么做微信服务搜索？</h4><p class="mt-1 text-xs text-slate-400">2021-02-24</p></div></a><a href="/281928.html" class="group flex gap-3 rounded-xl p-2 transition hover:bg-slate-50"><div class="relative h-16 w-24 shrink-0 overflow-hidden rounded-lg border border-slate-200"><div class="absolute inset-0"><div class="flex h-full w-full items-center justify-center bg-slate-100"><span class="grid h-7 w-7 place-items-center rounded-lg bg-accent-gradient text-xs font-black text-white shadow-sm">爱</span></div></div><img src="https://qnssl.niaogebiji.com/132837381660138139a46d58.94255441.png" alt="微信刚出的新功能，已经被“玩坏”了……" loading="lazy" onerror="this.onerror=null;this.remove();" class="absolute inset-0 h-full w-full object-cover"></div><div class="min-w-0"><h4 class="line-clamp-2 text-sm font-medium text-slate-700 group-hover:text-accent">微信刚出的新功能，已经被“玩坏”了……</h4><p class="mt-1 text-xs text-slate-400">2021-01-29</p></div></a><a href="/281453.html" class="group flex gap-3 rounded-xl p-2 transition hover:bg-slate-50"><div class="relative h-16 w-24 shrink-0 overflow-hidden rounded-lg border border-slate-200"><div class="absolute inset-0"><div class="flex h-full w-full items-center justify-center bg-slate-100"><span class="grid h-7 w-7 place-items-center rounded-lg bg-accent-gradient text-xs font-black text-white shadow-sm">爱</span></div></div><img src="https://qnssl.niaogebiji.com/7398320236007e7cc206fd7.91065631.jpeg" alt="比“拍一拍”还神奇？微信这些「新功能」有点东西" loading="lazy" onerror="this.onerror=null;this.remove();" class="absolute inset-0 h-full w-full object-cover"></div><div class="min-w-0"><h4 class="line-clamp-2 text-sm font-medium text-slate-700 group-hover:text-accent">比“拍一拍”还神奇？微信这些「新功能」有点东西</h4><p class="mt-1 text-xs text-slate-400">2021-01-21</p></div></a><a href="/280727.html" class="group flex gap-3 rounded-xl p-2 transition hover:bg-slate-50"><div class="relative h-16 w-24 shrink-0 overflow-hidden rounded-lg border border-slate-200"><div class="absolute inset-0"><div class="flex h-full w-full items-center justify-center bg-slate-100"><span class="grid h-7 w-7 place-items-center rounded-lg bg-accent-gradient text-xs font-black text-white shadow-sm">爱</span></div></div></div><div class="min-w-0"><h4 class="line-clamp-2 text-sm font-medium text-slate-700 group-hover:text-accent">小程序这4年</h4><p class="mt-1 text-xs text-slate-400">2021-01-07</p></div></a> </div> </div> </aside> </article> <section class="container-page pb-8"> <h2 class="section-title mb-5 flex items-center gap-2"><span class="h-5 w-1 rounded bg-accent"></span>继续阅读</h2> <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-4"> <article class="card group flex flex-col overflow-hidden transition hover:border-accent/30 hover:shadow-glow"><a href="/282805.html" class="relative block aspect-[16/9] w-full overflow-hidden"><div class="absolute inset-0 transition duration-500 group-hover:scale-105"><div class="relative flex h-full w-full items-center justify-center overflow-hidden bg-slate-100"><!-- 细网格纹理 --><div class="absolute inset-0 bg-grid-faint opacity-60" style="background-size:22px 22px"></div><!-- 品牌微光 --><div class="absolute -right-8 -top-10 h-28 w-28 rounded-full blur-2xl" style="background:#7c66ff;opacity:.20"></div><div class="absolute -bottom-10 -left-8 h-28 w-28 rounded-full blur-2xl" style="background:#0d9488;opacity:.20"></div><!-- 中心品牌标记 --><div class="relative flex flex-col items-center gap-2 px-4 text-center"><span class="grid h-12 w-12 place-items-center rounded-2xl text-xl font-black text-white shadow-md" style="background:linear-gradient(120deg,#0d9488,#7c66ff)">爱</span><span class="line-clamp-1 max-w-[85%] text-xs font-medium text-slate-500">小程序运营</span></div></div></div><img src="https://qnssl.niaogebiji.com/8384503916035f4717ba7a2.23626192.png" alt="搜一搜排名规则解析 | 公众号、小程序怎么做微信服务搜索？" loading="lazy" onerror="this.onerror=null;this.remove();" class="absolute inset-0 h-full w-full object-cover transition duration-500 group-hover:scale-105"></a><div class="flex flex-1 flex-col p-4"><div class="mb-2 flex items-center gap-2 text-xs"><a href="/category/5241" class="chip !py-0.5">小程序运营</a><span class="text-slate-400">2021-02-24</span></div><h3 class="mb-2"><a href="/282805.html" class="line-clamp-2 text-base font-semibold leading-6 text-slate-900 group-hover:text-accent">搜一搜排名规则解析 | 公众号、小程序怎么做微信服务搜索？</a></h3><p class="line-clamp-2 flex-1 text-sm leading-6 text-slate-500">前言：为什么想到写这个？因为之前我写过8000字公众号排名原理后，又有很多人问我微信搜索那个服务怎么做的？那个…</p><div class="mt-3 flex items-center gap-2 text-xs text-slate-400"><span class="grid h-6 w-6 place-items-center rounded-full bg-slate-100 text-[10px] text-slate-600">太</span><a href="/author/%E5%A4%AA%E5%8F%AF%E7%88%B1%E4%BA%86%EF%BC%8C%E5%B0%B1%E4%BD%A0%E4%BA%86" class="hover:text-accent">太可爱了，就你了</a></div></div></article><article class="card group flex flex-col overflow-hidden transition hover:border-accent/30 hover:shadow-glow"><a href="/281928.html" class="relative block aspect-[16/9] w-full overflow-hidden"><div class="absolute inset-0 transition duration-500 group-hover:scale-105"><div class="relative flex h-full w-full items-center justify-center overflow-hidden bg-slate-100"><!-- 细网格纹理 --><div class="absolute inset-0 bg-grid-faint opacity-60" style="background-size:22px 22px"></div><!-- 品牌微光 --><div class="absolute -right-8 -top-10 h-28 w-28 rounded-full blur-2xl" style="background:#7c66ff;opacity:.20"></div><div class="absolute -bottom-10 -left-8 h-28 w-28 rounded-full blur-2xl" style="background:#0891b2;opacity:.20"></div><!-- 中心品牌标记 --><div class="relative flex flex-col items-center gap-2 px-4 text-center"><span class="grid h-12 w-12 place-items-center rounded-2xl text-xl font-black text-white shadow-md" style="background:linear-gradient(120deg,#0891b2,#7c66ff)">爱</span><span class="line-clamp-1 max-w-[85%] text-xs font-medium text-slate-500">小程序运营</span></div></div></div><img src="https://qnssl.niaogebiji.com/132837381660138139a46d58.94255441.png" alt="微信刚出的新功能，已经被“玩坏”了……" loading="lazy" onerror="this.onerror=null;this.remove();" class="absolute inset-0 h-full w-full object-cover transition duration-500 group-hover:scale-105"></a><div class="flex flex-1 flex-col p-4"><div class="mb-2 flex items-center gap-2 text-xs"><a href="/category/5241" class="chip !py-0.5">小程序运营</a><span class="text-slate-400">2021-01-29</span></div><h3 class="mb-2"><a href="/281928.html" class="line-clamp-2 text-base font-semibold leading-6 text-slate-900 group-hover:text-accent">微信刚出的新功能，已经被“玩坏”了……</a></h3><p class="line-clamp-2 flex-1 text-sm leading-6 text-slate-500">昨天，我刷抖音的时候，无意中看到了一条被赞了 7.7 w 次的视频，账号名字叫「微信 8.0 状态小视频」：&…</p><div class="mt-3 flex items-center gap-2 text-xs text-slate-400"><span class="grid h-6 w-6 place-items-center rounded-full bg-slate-100 text-[10px] text-slate-600">说</span><a href="/author/%E8%AF%B4%E5%A5%BD%E5%B0%B1%E4%B8%8D%E8%A6%81%E5%86%8D%E5%93%AD%E4%BA%86" class="hover:text-accent">说好就不要再哭了</a></div></div></article><article class="card group flex flex-col overflow-hidden transition hover:border-accent/30 hover:shadow-glow"><a href="/281453.html" class="relative block aspect-[16/9] w-full overflow-hidden"><div class="absolute inset-0 transition duration-500 group-hover:scale-105"><div class="relative flex h-full w-full items-center justify-center overflow-hidden bg-slate-100"><!-- 细网格纹理 --><div class="absolute inset-0 bg-grid-faint opacity-60" style="background-size:22px 22px"></div><!-- 品牌微光 --><div class="absolute -right-8 -top-10 h-28 w-28 rounded-full blur-2xl" style="background:#7c66ff;opacity:.20"></div><div class="absolute -bottom-10 -left-8 h-28 w-28 rounded-full blur-2xl" style="background:#0891b2;opacity:.20"></div><!-- 中心品牌标记 --><div class="relative flex flex-col items-center gap-2 px-4 text-center"><span class="grid h-12 w-12 place-items-center rounded-2xl text-xl font-black text-white shadow-md" style="background:linear-gradient(120deg,#0891b2,#7c66ff)">爱</span><span class="line-clamp-1 max-w-[85%] text-xs font-medium text-slate-500">小程序运营</span></div></div></div><img src="https://qnssl.niaogebiji.com/7398320236007e7cc206fd7.91065631.jpeg" alt="比“拍一拍”还神奇？微信这些「新功能」有点东西" loading="lazy" onerror="this.onerror=null;this.remove();" class="absolute inset-0 h-full w-full object-cover transition duration-500 group-hover:scale-105"></a><div class="flex flex-1 flex-col p-4"><div class="mb-2 flex items-center gap-2 text-xs"><a href="/category/5241" class="chip !py-0.5">小程序运营</a><span class="text-slate-400">2021-01-21</span></div><h3 class="mb-2"><a href="/281453.html" class="line-clamp-2 text-base font-semibold leading-6 text-slate-900 group-hover:text-accent">比“拍一拍”还神奇？微信这些「新功能」有点东西</a></h3><p class="line-clamp-2 flex-1 text-sm leading-6 text-slate-500">昨天晚上，一年一度的「微信公开课PRO」又成了新媒体刷屏大会。 “微信之父”张小龙的演讲，不仅在直播中吸引了&…</p><div class="mt-3 flex items-center gap-2 text-xs text-slate-400"><span class="grid h-6 w-6 place-items-center rounded-full bg-slate-100 text-[10px] text-slate-600">一</span><a href="/author/%E4%B8%80%E7%89%87%E7%BB%BF%E8%89%B2" class="hover:text-accent">一片绿色</a></div></div></article><article class="card group flex flex-col overflow-hidden transition hover:border-accent/30 hover:shadow-glow"><a href="/280727.html" class="relative block aspect-[16/9] w-full overflow-hidden"><div class="absolute inset-0 transition duration-500 group-hover:scale-105"><div class="relative flex h-full w-full items-center justify-center overflow-hidden bg-slate-100"><!-- 细网格纹理 --><div class="absolute inset-0 bg-grid-faint opacity-60" style="background-size:22px 22px"></div><!-- 品牌微光 --><div class="absolute -right-8 -top-10 h-28 w-28 rounded-full blur-2xl" style="background:#8b7bff;opacity:.20"></div><div class="absolute -bottom-10 -left-8 h-28 w-28 rounded-full blur-2xl" style="background:#14b8a6;opacity:.20"></div><!-- 中心品牌标记 --><div class="relative flex flex-col items-center gap-2 px-4 text-center"><span class="grid h-12 w-12 place-items-center rounded-2xl text-xl font-black text-white shadow-md" style="background:linear-gradient(120deg,#14b8a6,#8b7bff)">爱</span><span class="line-clamp-1 max-w-[85%] text-xs font-medium text-slate-500">APP</span></div></div></div></a><div class="flex flex-1 flex-col p-4"><div class="mb-2 flex items-center gap-2 text-xs"><a href="/category/3149" class="chip !py-0.5">APP</a><span class="text-slate-400">2021-01-07</span></div><h3 class="mb-2"><a href="/280727.html" class="line-clamp-2 text-base font-semibold leading-6 text-slate-900 group-hover:text-accent">小程序这4年</a></h3><p class="line-clamp-2 flex-1 text-sm leading-6 text-slate-500">2020年12月2日，科技媒体“晓程序观察”正式更名为“产业新经济”，宣布其报道领域将从小程序升级为数字经济。…</p><div class="mt-3 flex items-center gap-2 text-xs text-slate-400"><span class="grid h-6 w-6 place-items-center rounded-full bg-slate-100 text-[10px] text-slate-600">宋</span><a href="/author/%E5%AE%8B%E6%98%9F%E7%9A%84%E6%95%B0%E5%AD%97%E8%A7%82" class="hover:text-accent">宋星的数字观</a></div></div></article> </div> </section> </main> <footer class="mt-20 border-t border-slate-200 bg-slate-50/60"> <div class="container-page grid grid-cols-2 gap-8 py-12 md:grid-cols-4"> <div class="col-span-2 md:col-span-1"> <div class="flex items-center gap-2"> <img src="/aiyinglilogo.png" alt="爱盈利" class="h-8 w-auto" width="200" height="52"> </div> <p class="mt-3 max-w-xs text-sm leading-6 text-slate-500">爱盈利是聚焦 GEO（生成式引擎优化）、AI 搜索、抖音数据与运营推广的学习交流平台，提供 GEO/DSO 知识库、运营干货、行业资讯与实战案例。</p> </div> <div> <h4 class="mb-3 text-sm font-semibold text-slate-900">热门栏目</h4> <ul class="space-y-2 text-sm"> <li><a href="/category/18403" class="text-slate-500 hover:text-accent">GEO知识库</a></li><li><a href="/category/18393" class="text-slate-500 hover:text-accent">DSO知识库</a></li><li><a href="/category/3078" class="text-slate-500 hover:text-accent">产品运营</a></li><li><a href="/category/3253" class="text-slate-500 hover:text-accent">新媒体运营</a></li><li><a href="/category/6589" class="text-slate-500 hover:text-accent">营销推广</a></li><li><a href="/category/2957" class="text-slate-500 hover:text-accent">ASO</a></li><li><a href="/category/3728" class="text-slate-500 hover:text-accent">行业资讯</a></li><li><a href="/category/15768" class="text-slate-500 hover:text-accent">电商运营</a></li> </ul> </div> <div> <h4 class="mb-3 text-sm font-semibold text-slate-900">导航</h4> <ul class="space-y-2 text-sm"> <li><a href="/" class="text-slate-500 hover:text-accent">首页</a></li> <li><a href="/search" class="text-slate-500 hover:text-accent">搜索</a></li> <li><a href="/about" class="text-slate-500 hover:text-accent">关于我们</a></li> <li><a href="/rss.xml" class="text-slate-500 hover:text-accent">RSS 订阅</a></li> <li><a href="/sitemap-index.xml" class="text-slate-500 hover:text-accent">站点地图</a></li> </ul> </div> <div> <h4 class="mb-3 text-sm font-semibold text-slate-900">产品</h4> <ul class="space-y-2 text-sm"> <li><a href="https://www.douchacha.com/#/?dcc_from=t5jv" target="_blank" rel="noopener noreferrer" class="text-slate-500 hover:text-accent">抖查查 ↗</a></li> <li><a href="https://www.aidso.com/?dso_from=aiyingli" target="_blank" rel="noopener noreferrer" class="text-slate-500 hover:text-accent">爱搜 AIDSO ↗</a></li> <li><span class="text-slate-500">培训课程</span></li> </ul> </div> </div> <div class="border-t border-slate-200 py-5"> <div class="container-page flex flex-col items-center justify-center gap-x-4 gap-y-1.5 text-xs text-slate-400 sm:flex-row sm:flex-wrap"> <span>© 2026 爱盈利. All rights reserved.</span> <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-accent">京ICP备15063977号-2</a> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=11010102003938" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 hover:text-accent"> <svg class="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6l7-3z"></path></svg> 京公网安备 11010102003938号 </a> </div> </div> </footer> </body></html>
