天津装修公司做网站,网站添加广告源码,快速做网站软件,河南网站建设公司价格韩老师#xff0c;我点关闭按钮后#xff0c;弹窗从新打开#xff0c;里面的数据还在#xff0c;这个可以从新打开清除不#xff1f; 点关闭的时候清掉 就是清楚不掉也#xff1f;咋清掉 清掉表单内容有属性可以做到#xff1f; $page.widgets.id**.value “” 就可以实… 韩老师我点关闭按钮后弹窗从新打开里面的数据还在这个可以从新打开清除不 点关闭的时候清掉 就是清楚不掉也咋清掉 清掉表单内容有属性可以做到 $page.widgets.id**.value “” 就可以实现清空 日常我们经常有这种需求点击一个弹框输入内容在弹框关闭后将输入的内容清空。有粉丝问那有没有方法可以直接用呢类似于表单的reset方法目前看微搭不提供组件的内置方法可以一次性清空表单内容这就要求我们自己用代码实现。
我们如果要还原这位学员的场景先需要搭建一个弹窗组件 有学员问弹窗组件如何往里添加内容弹窗组件是分为两个插槽一个是按钮插槽一个是内容插槽。按钮插槽可以让我们自己决定放置哪些按钮而内容插槽可以放置各类组件一般我们可以放置表单类的组件比如像开始学员问的是放置的单行输入和图片上传组件 这位学员问的问题是点击关闭按钮清空表单组件输入的内容我们首先要解决窗口如何关闭的问题。
现在弹窗组件已经提供了组件的内置方法可以实现窗口的关闭和打开在右下角的事件我们选择点击关闭按钮 在弹出的窗口里选择弹窗 在下一个界面我们选择关闭窗口 我们是要在关闭时清空表单内容这里就涉及到一个链式调用的问题可以在切换开关状态成功时我们继续调用方法 选择的动作是Javascript代码 选择添加新方法输入方法名称方法里的内容写入清空表单组件的输入内容 代码的话就是我开始讲的通过重置组件的输入内容属性来清空先需要找到组件的组件Id 重置语句是
$page.widgets.formInput1.value 这里讲解一下这句话用到了javascript表达式的概念操作数1 操作符 操作数2 等号表示赋值的意思它会将操作数2的值赋值给操作数1这样通过赋予空字符串就实现了清空表单内容的目的。
完整代码
$page.widgets.formInput1.value
$page.widgets.formImageUploader1.value设置好了之后我们再添加个按钮组件点击的时候再次让窗口打开
最终效果
