微信小程序传值不能显示数据问题

最新推荐文章于 2024-10-15 19:04:21 发布

原创最新推荐文章于 2024-10-15 19:04:21 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#小程序传值 #传值

微信专栏收录该内容

11 篇文章

订阅专栏

在开发微信小程序时遇到一个值传递后无法在页面显示的问题。尝试多种方法未果，最终发现原因是首次使用模板时未在data中传递变量。正确做法是使用<template is="tempName" data="{{yourData}}"/>，确保引用JS文件中的数据时通过data属性传递。

今天遇到一个传值无法显示问题，纠结了很久，各种方法都试试，还是没有效果。

下面是一个很简单的获取绑定数据布局。（这个页面是模板布局）

<view 
>
<image
class="img img-list"
src="{{imagepath}}"
mode="aspectFit"></image>
<text 
class="brand-name">{{bdname}}</text>
</view>

js页面绑定数据

console.log是可以正常打印出已经获取到的值了，但是在页面上无法显示数字

this.requestdata = 
function (mid, mimagepath, mbdname, isback) { 
//data:请求参数
//isback:是否有返回按钮
// console.log(mid + "===data===" + mbrandname, mimagepath+"===isback===="+isback);
// var brandname = mbrandname;
// var imagepath = mimagepath;
 //console.log(mid
 + "===data===" + mbrandname, mimagepath+"===isback===="+isback);
root.setData({
showBackFlag:isback,
bdname: mbdname,
imagepath: mimagepath
})

console.log(mid + "===data===" + root.data.bdname, root.data.imagepath+
"===isback====" + root.data.isback);

}

最后找到原因，第一次使用模板没有在data里传递变量。

使用<template is="tempName" data=“” />标签，在需要使用模板的地方。如果要用到js文件中的数据，则需要添加data属性

<template 
is="drawer" 
data="{{bdname,imagepath}}"></template>

这样就可以获取到数据了。