微信小程序Image字符串拼接多个变量

最新推荐文章于 2025-03-28 10:01:00 发布

原创最新推荐文章于 2025-03-28 10:01:00 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

微信小程序(1) 专栏收录该内容

7 篇文章

订阅专栏

在WXML中进行条件渲染时，可以使用三元运算符来实现。例如，在图片标签中根据不同的条件设置不同的src值，需要注意的是，表达式不能换行且尽量避免空格，否则可能导致编译错误。这是一个关于如何在WXML模板中使用三元运算进行条件判断并渲染内容的示例。

前言

我们需要在wxml进行编写多个条件渲染，这这么操作?

答案：三元运算

开始

注意！！！不能换行（尽量不要有空格，不然会编译不过）

 <image class="card_bg" src="../../resource/images/{{item.dtype_id == '11' ? 'water' :item.dtype_id == '14' ? 'wind':item.dtype_id == '12' ? 'laundry':item.dtype_id == '65' ? 'doorLock':item.dtype_id == '13' ? 'wash': 'water'}}_card_bg.png"></image>

true ? 'true的渲染' : 'false的渲染'

总结

不要换行，不然会编译不过，血的教训。。。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

An_s

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

微信小程序 - 详细实现＜image＞图片 src 路径动态拼接多个变量，小程序图像 src 路径在模板上进行变量拼接，路径有变量报错如何解决（详细示例代码）

🏆 前端领域优质创作者

04-30

1万+

在微信小程序中对于动态图像`src`路径，您无法像正常`Vue`项目那样拼接变量路径，这归结于小程序框架底层。但在微信小程序中，您会收到报错提示。核心思路：将一切需要拼接的字符串，转为在`data`变量中存储，模板通过`{{}}`进行连接。这种问题有很多解决方案，比如在函数中直接处理好最终图片路径，模板直接使用。本文之所以选择之，是因其**灵活**特性，适用于多场景，因为您可以通过`js`对其进行动态改变，从而改变视图。

怎么截取字符串的小程序

06-06

不是无聊才写的，以后能用到的一个小知识点， - 思想：找开头，找结尾，然后锯开就是你想要的字串

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序对象与字符串互转

chunchun1230的博客

02-26

6023

对象转字符串 var str = JSON.stringify(weather); 字符串转对象 var weatherObj = JSON.parse(str);

Python第四课-基本数据类型（1）

whl233388的博客

10-29

672

8.1基本概念 8.1.1 表达式表达式是由数字、算数符、数字分组符号、自由变量以及约束变量等能求得数值的有意义的排列方法所得组合，类似于数学公式特点： 1.一般用于一些结果的计算而不会对程序产生实质性的影响。 2.若在交互模式下输入一个表达式，解释器会自动输出表达式的结果。 8.1.2 语句指语法上自成体系的单位，由一个词或者语法上有关联的一组词构成，有一定的功能性。语句一般会对程序产生影响，与表达式不同的是，在交互模式中输入语句并不一定会输出对应的执行结果。 8.1.3 程序程序就是

微信小程序中字符串和变量的拼接

艾丽的博客

01-26

1万+

用到的数据 Page({ // 页面的初始数据 data: { page: 1, // 当前页 pagesize: 5, // 每页显示数量 dataList: [] // 获取到的数组 } }) wxml中的拼接 <view>{{"hello" + page}}</view> js中url的拼接 let that=this // 写法1 url: 'http://v.juhe.cn/list.php?key=111&page=' +

微信小程序拼接字符串完成复制功能

m0_54585610的博客

11-20

1294

微信小程序拼接字符串完成复制功能

小程序开发基础4--字符串类型转换、对比、拼接。

宋建国的博客

10-28

1918

一，字符串与数字类型数据的转换 1.数字数据转换为字符串 num.toString() String(num) " " + num 2.字符串类型转化为数字类型 Number( “3.14” ) ----->3.14 parseFloat( “3.14” ) ------>3.14 parseInt( “3.14” ) ------->3 二，等号对比 字符串使用 “==” 号进行对比时：仅判断内容是否相同 字符串使用 “===” 号进行对比时，判断数据类型+内容是否相同三

合并字符串的几个小程序

SHINING的博客

01-10

2126

某天被人问到关于合并两个字符串的小程序，没看明白人家的代码错在哪，只是觉得别扭，所以自己写了下。还发现了一些挺有意思的东西。做成了几个完整的小程序。#includevoid main(){ char s1[100],s2[100]; int i,j; gets(s1); gets(s2); i=0; while(s1[i])i++; j=

微信小程序：数据拼接方法

最新发布

weixin_46001736的博客

03-28

830

微信小程序：数据拼接方法

JS对于字符串的切割截取

孤云博客

02-02

8514

WXML ：微信小程序调用并显示字符串变量

zcc9618的博客

06-12

5019

参考网址：https://blog.youkuaiyun.com/weixin_42473850/article/details/80935215 WXML 为Taro微信小程序开发的前端语言变量定义： Page({ data: { message: 'Hello MINA!' } }) 变量调用： <view> {{message}} </view> ...

微信小程序，通过变量名的字符串，来获取变量并使用

u013595395的博客

07-28

3895

注：偶然发现不用像后面写得那么麻烦，let param = "isShow"; this.data[`${ param }`] 直接写成this.data[ param ] 如，有一变量isShow，let param = "isShow"; 通过this.data[`${ param }`]可以获取到变量。具体的例子： data: { isShow:false } click:function(){ console.log(this.data.is...

昨天还在for循环里写加号拼接字符串的那个同事，今天已经不在了

java思维导图

09-11

365

作者；后青春期的 Keatscnblogs.com/keatsCoder/p/13212289.html引言都说 StringBuilder 在处理字符串拼接上效率要强于 String，...

一些关于字符串拼接的小方法

我一定要成为测试开发！

11-09

527

字符串的拼接可以用%s来拼接比如说 msg = ’ i am %s my hobby is coding’ %‘ybl’ 这样print（msg）的话就是i am ybl my hobby is coding 传多个值的时候多写几个%s然后用（‘xxx’，‘xxx’）就行了，数字、列表也是可以的当然也可以传字典 qqq= 'i am %(name)s age %(age)d' %{'name...

微信小程序开发——JS中字符和数组的操作

番薯大佬的专栏

06-19

4202

JS中字符串和数组的操作

微信小程序中image组件src路径拼接字符串的问题

热门推荐

weixin_44410358的博客

03-31

3万+

微信小程序中image组件src路径拼接字符串的问题最近在做微信小程序毕设，涉及到远程图片显示，一开始我是这样写的： index.js文件中 onLoad: function () { this.setData({ imgurl:app.globalData.imgurl }) } index.wxml文件中 <!-- imgurl是上面setData获...

小程序字符串拼接_用这个小程序，一键就能拼接台词截图！

weixin_34239718的博客

01-15

2296

最近，备受瞩目却一延再延的《清平乐》终于上线，虽然剧中大段的文言词难以听懂，但还是有很多简单易懂的台词令人印象深刻，比如官方放出的这段曹皇后内心独白，不知道戳中多少暗恋者的心。相信大家经常能在各大社交平台上看到官博发的这样的影视台词长截图，发到朋友圈简直太有范儿了！那么它到底是怎么做出来的呢？今天小编就来给大家介绍一个实用的截图拼接微信小程序，以后发朋友圈，你也是经典台词截图的传播源！第一步打开微...

微信小程序云开发对象数组用变量加字符串更新字段数组

m0_54635929的博客

02-21

1397

今天写微信小程序项目的时候，由于使用的是云开发，数据库中的字段用的是嵌套的对象数组。本来打算在JS中进行增删改查的操作再对整个字段进行更新，但想了想觉得太麻烦，于是想看看官方文档有没有可以直接在云开发数据库进行操作的办法，摸索了一会，还真有可以直接通过云开发进行操作的方法，具体操作如下。但我们想要的是不仅能直接通过云开发对数据库多重嵌套的对象数组字段进行增删改查，还要其中数据的下标能够作为变量动态操作，显然官方的示例并不能完全满足我们的需求，那么有没有办法可以实现这个问题呢？

每天一个小程序-连接字符串！

weixin_34242509的博客

07-28

576

#include<stdio.h>#include<string.h>#define MAX_LEN 100void Conect(char a[],char b[]);int main(){char str1[MAX_LEN],str2[MAX_LEN];printf("please iuput str1:\n");scanf("%s",str...