微信小程序字符串太长截取问题

最新推荐文章于 2025-03-01 18:57:02 发布
最新推荐文章于 2025-03-01 18:57:02 发布
阅读量1.3k 收藏 1
点赞数 3
分类专栏： 微信小程序 WeUI 文章标签： 小程序 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zqqiang0307/article/details/120504864
版权
本文介绍了在微信小程序中遇到字符串过长导致换行的问题，以及如何通过学习官方文档和使用wxs语法来解决这个问题，包括创建wxs结尾的文件、引入wxs模块，最终实现字符串截取并展示良好的效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

微信小程序字符串截取问题

我要 做一个下拉框，结果下拉框的数据太长，会自动换行，太难看了，所以找到使用wxs语法进行字符串的截取。

当然，其他组件需要也同样可以复用的。

1. 问题展现

贴上代码和效果，看到了嘛，太长给我换行了，而且非常的难看！忍无可忍！！！

在这里插入图片描述
在这里插入图片描述

2. 学习文档

在WXML上是不支持substring写法的，需要使用WXS语法。

官方文档：https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/
在这里插入图片描述

最低0.47元/天 解锁文章
解决微信小程序中容器内文字过长导致溢出的问题
TiCrystal的博客
09-17 1308
使用 CSS 样式可以简单地控制文字的显示方式，而使用 WXS 则可以根据文字内容的实际长度进行动态计算和调整。根据具体需求选择合适的解决方案，并结合实际情况进行调整和优化，以确保文字在容器内正确显示。当在微信小程序中使用容器来显示文字时，如果文字内容过长，容器可能无法自动调整大小以适应内容，导致文字溢出容器。如果需要根据文字内容的实际长度来动态调整容器大小，我们可以使用 WXS（WeiXin Script）来进行计算并设置容器的高度。在微信小程序中，我们可以使用 CSS 样式来控制容器内文字的显示方式。
微信小程序 - 带参数跳转页面参数字段文章内容太长或包含特殊字符（“?“，“&“ 或 “=“）导致被截取或失败
王二红
09-22 686
在微信小程序，使用API 携带参数跳转页面很常见，但是今天有一个需求，需要携带一个复杂的数据，它是一个数组，里面嵌套了 N 个对象，对象里还有数组。所以我需要使用将对象转为字符串，然后再传递过去。我的场景：其中image属性中包含文章链接，导致了JSON.parse解码失败，因为被截取了。
微信小程序显示过长控制显示长度，并截取字符串
张杰伦的博客
01-11 3008
今天写小程序因为某些用户的用户名过长，导致其他元素被挤压，显示不完全。所需写了个js监听元素的长度，如果超过多少则固定宽度显示，并将截取用户名将后面的替换为*，因为小程序不支持wxml中直接使用substr()，所以可以通过.wxs文件来处理。 （WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。） js获取元素的宽度 let query = wx.createS
解锁 indexOf、substring 和 JSON.stringify：从小程序图片上传看字符串魔法 ✨
最新发布
小丁的博客
03-01 1578
indexOf是字符串方法，用于查找子字符串第一次出现的位置。substring从字符串中提取指定范围的子字符串。将 JavaScript 对象或数组转换为 JSON 字符串。indexOfsubstring和indexOf精准定位，解析 URL 结构。substring灵活裁剪，提取关键信息。完美打包，适配后台。在小程序图片上传中，三者协作将复杂 URL 转为简洁路径，展现了 JavaScript 的强大能力。试试这些方法，优化你的数据处理吧！
小程序 页面 中 截取字符串长度 超过显示 多余的 用省略号
小马哥的天涯
01-23 5032
1.首先 在对应页面下新建  “  center.wxs   ” 文件 这个文件是小程序自身 一套脚本语言   2.在 .wxs  文件中 写 截取字符串的 方法 // 小程序页面中 如何截取字符串 var substr = function(val) { if (val.length == 0 || val == undefined) { return false; } else i...
小程序 文字太长显示不完，滚动文字效果
weixin_42729938的博客
11-03 4154
效果图 1、解决思路： 一共两个text控件，当第一个text滚动完后应该是看到第二个text控件了，但是在这个时候最好的方法不是让它滚完，而是用重新又从第一个text控件开始滚动，控制起来超级简单，基本实现了跑马灯的效果，另外加了一个如果文字不足一屏，不执行跑马灯的效果，而且添加了超大的间距，解决不会显示重复内容。以下是各部分完整代码，只要复制代码添加到相应页面即可看到效果。 2、小程序布局页面wxml <scroll-view class="container" enable-f..
后台传入数据过长，接收时数据改变——微信小程序（6）
qq_38916157的博客
12-15 608
后端传入的数据为int类型，由于数据过长，精度出现问题 解决方法：后端将类型改为string类型 后台接口传递得数据：最后一位为1 微信开发这工具接收到的数据：最后一位为0
微信小程序——字符串截取
琅枫的博客
07-18 5271
indexOf() ： 判断一个字符是否在字符串 中 存在，如果存在返回该元素或字符第一次出现 的 位置 的 索引，不存在返回-1。stringObject.substring(start,stop) 用于提取字符串中介于两个指定下标之间的字符。lastIndexOf() ： 返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。第一种：截取首个符号前面字符/最后一个符号后面字符。第二种：js截取某个字符串（日期）前面的内容。在数据绑定那里进行截取。
微信小程序字符串截取
08-08
下面是一个示例代码，演示如何在微信小程序中进行字符串截取： ```javascript // 原始字符串 var str = "Hello, World!"; // 截取从索引为 7 的字符开始，长度为 5 的子字符串 var substr = str.substring(7, 5); ...
微信小程序uniapp银行卡卡片样式组件
05-09
4. **隐私保护**：银行卡号通常需要部分隐藏，这可以通过计算和截取字符串实现，或者利用CSS伪类技巧进行部分遮盖。 5. **事件监听**：添加点击事件，当用户点击卡片时，可以弹出更多详情或触发其他操作，如验证...
微信小程序使用navigateTo跳转带参字符过长时被截掉怎么处理
Sylviaswefa的博客
09-23 683
微信小程序wx.navigateTo跳转带参字符过长时被截掉，我们可以用编码解码、全局应用状态管理、setStorage本地存储、EventChannel页面间事件通信通道来处理。
两个字符串比较大小的小程序
06-20
修改过好几次的程序 挺好的 针对于字符串 在devc++运行成功
微信小程序文字过长截取_微信小程序再赋能：小程序简称让用户更快找到你｜小程序知识...
weixin_39652646的博客
01-07 741
腾讯推出微信小程序也已经两年多了，目前小程序使用用户数达到超2亿，数量超120万个，后台开发和工具的使用人数超过100万。然而注册小程序最重要的是什么？是名称！小程序的名称具有唯一性，所以一个好的名称直接决定了小程序被用户搜索到的概率。今天小弟就带大家看看小程序名称那些事儿。首先先来了解一下腾讯官方发布的小程序名称设置规范1)小程序名称可以由中文、数字、英文、空格及部分特殊符号组成。长度在4-30...
微信小程序实现动态获取输入框的字符长度
05-20 3891
以限制100字以内为例 HTML： <textarea value="{{introduce}}" maxlength="100" name="textarea" bindinput='limitWord'> </textarea> <view class="wordNum">({{currentWord}}/100)</view> JS： data: { currentWord: 0, //已经输入的字符长度 introduce:"这
【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题：设置了word-break: break-all；和flex: 1；冲突flex不生效问题
G佳伟
12-03 1523
flex布局中英文字符超出宽度不会自动折行的问题，但是设置了word-break: break-all；前面设置的flex: 1；就不生效了。
小程序：字符统计
流鼻涕的猪
08-12 1052
我不是标题党，大家也不要被标题唬住了，这里的“字符统计”其实是指大写字母，小写字母，空格，数字以及其他字符。。。 如果不符合您的需求，不好意思浪费您时间，请到此止步，因为下面这个代码确实没啥含金量，完全是我个人为了满足码字，敲键盘的快乐瞎弄的。 上一个傻乎乎的程序 /* **题目：字符统计 **无聊，翻大学课本，乱翻题目随手敲，给手指减肥，吼吼 **原本两个题目，合成一道题好了 **Q1:写
【小程序】统计字符
罗小黑の窝
11-28 696
//统计字符 //给一个字符串（大写），请找出出现次数最多的大写英文字母 #pragma warning (disable:4996) #include #include #include using namespace std; int main() { int sum[27]; char z[2001], a; int i, k; scanf("%s", &z); memse
字符串的小程序练手
小桥流水的专栏
12-10 748
通过键盘输入一串小写字母(a~z)组成的字符串。请编写一个字符串压缩程序，将字符串中连续出席的重复字母进行压缩，并输出压缩后的字符串。 压缩规则： 1. 仅压缩连续重复出现的字符。比如字符串"abcbc"由于无连续重复字符，压缩后的字符串还是"abcbc". 2. 压缩字段的格式为"字符重复的次数+字符"。例如：字符串"xxxyyyyyyz"压缩后就成为"3x6yz" 示例  输入：“c
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值