• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 怎样实现微信小程序回车换行?

怎样实现微信小程序回车换行?

时间:2023-07-01 14:05 阅读数:171 人阅读 分类:知识百科

  在小程序开发过程中有一个很重要的问题,那就是在小程序页面输入文字的时候没办法实现换行,微信小程序回车换行根本就实现不了。那么微信小程序换行要怎么弄呢?我们先来看看最初的代码:

  [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

  },

  微信小程序回车换行没反应的原因大家都知道了吧?其实有时候代码只错了一两个字母,效果就会完全不一样了。文章末尾的代码才是实现小程序换行的正确代码,希望大家都能开发成功。

  

  如何使用微信小程序输出换行符

  微信小程序文字换行怎么做?微信小程序文本换行怎么操作?

  微信小程序文字过长如何自动换行?微信小程序如何处理文本溢出?