请问该怎么写呀？

请问该怎么写呀？

神知 2021-10-04

源自：慕课小程序实战开发 1-2 自由编程

15

收起

1回答

好帮手慕慕子 2021-10-06 14:11:19

同学你好，可以按着任务步骤书写，如下：

1、在页面wxml中添加输入框组件，设置type类型为文本；使用placeholder属性添加提示信息；添加“展示内容：”文字，后面可以使用text文本组件展示内容

2、在wxss文件中设置输入框宽高，边框等样式；文本组件内容字体颜色为红色

3、使用placeholder-class属性添加类名

在wxss中设置提示信息样式。字体颜色为#ccc，字体大小自定义

4、在 js文件的data中绑定需要展示输入框内容的属性，名称自定义，属性值初始为空字符串。

文本组件中使用该属性

5、给输入框绑定键入事件bindinput，方法名称自定义。

在js文件中添加自定义方法，获取输入框的值，改变data中自定义属性值，从而改变页面中文本组件展示的内容

祝学习愉快~

提问者神知 #1

css这里会写，js那里就一点看不懂了，不知道每个定义是什么意思，为什么要那么写。

2021-10-06 15:04:37
好帮手慕慕子回复提问者神知 #2

同学你好，对于你的问题解答如下：
1、data中下设置的属性，可以在wxml中使用，所以给出的示例代码中在data下定义了一个content属性，用来表示将输入的内容显示在页面中的内容，默认初始值为空字符串。

2、wxml文件中，在input组件上绑定输入事件，并将事件函数命名为inputEvent（事件名可以自定义）。
那么在js文件中，设置对应的事件函数，语法中规定，可以在事件对象下detail属性下的value获取到输入框中输入的内容，所以可以通过e.detail.value获取到输入框的内容。

然后使用小程序提供的setData方法，将content属性值设置为获取到的输入框内容，这样在用户输入内容时，content属性值会跟着改变，那么在页面中text组件中使用content显示的内容也会跟着改变。

这些知识点在课程中老师都有讲解过哦，建议同学在听课过程中，可以记一下笔记，这样遇到不会的可以的查阅下笔记，帮助自己更好的理解。
祝学习愉快~

2021-10-06 15:25:30

相似问题

请问该怎么写啊

请问该怎么写呀？

该怎么写呀？

请问这段代码哪里有错误？

请问我这行代码哪里有问题？网页显示不出来

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7880 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

93 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载