怎样实现微信小程序回车换行?
在小程序开发过程中有一个很重要的问题,那就是在小程序页面输入文字的时候没办法实现换行,微信小程序回车换行根本就实现不了。那么微信小程序换行要怎么弄呢?我们先来看看最初的代码:
[html] view plain copyvar text_fuzhu ='aaaassss'
var initData = 'this is first line this is second line'
var text_shuzhu=[];
Page({
/**
* 页面的初始数据
*/
data: {
text: initData,
text_fuzhu: text_fuzhu
},
参照上述代码,使用小程序的时候就是以下的效果,怎样都没办法实现回车换行。
小编在微信小程序商店搜索了一下,还真的找到了小程序换行的方法:
1,你用view标签直接显示文字
2,标签添加 style=" word-break: break-all" 样式
代码修改后如下:
[html] view plain copy// text.js
var text_fuzhu ='aaaa ssss'
var initData = 'this is first line this is second line'
var text_shuzhu=[];
Page({
/**
* 页面的初始数据
*/
data: {
text: initData,
text_fuzhu: text_fuzhu
},
微信小程序回车换行没反应的原因大家都知道了吧?其实有时候代码只错了一两个字母,效果就会完全不一样了。文章末尾的代码才是实现小程序换行的正确代码,希望大家都能开发成功。
如何使用微信小程序输出换行符
微信小程序文字换行怎么做?微信小程序文本换行怎么操作?
微信小程序文字过长如何自动换行?微信小程序如何处理文本溢出?
下一篇:微信小程序表格制作怎么弄
