微信小程序报错Bad attr ‘wx的原因以及解决办法

最新推荐文章于 2024-01-25 14:48:50 发布
最新推荐文章于 2024-01-25 14:48:50 发布
阅读量2.9k 收藏
点赞数 1
文章标签： 小程序
原文链接：https://blog.csdn.net/baidu_39418435/article/details/103821828
版权

三种解决办法

1、百度了很多都说是多写了wx:else，所以首先请检查页面是否多写了wx:else，多写会报错，一个wx:if 对应一个wx:else

2、但确实只写了一个wx:else，那么请检查wx:if 与wx:else 是否写在同一层级

3、如果2还没问题，那么请检查wx:if 与wx:for 不能写在同一个标签上。

我今天写项目的时候就是遇到的第三章错误，在微信开发者文档中也没找到解答，整了半天于是找到了大佬的博客，这里分享给大家。（第三种这个我还真不知道，哈哈哈，又掌握了一个小知识点）

原文传送门：原文

编程小飞
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序常见错误及基本排除方法
u012421719的博客
12-20 4万+
也接触了不少人解决问题的过程里，有一些比较难以排查的可能性列举在这，方便大家看一下： 也欢迎大家把自己常用的排除方法列举在这，一起互相学习探讨！ 1：ES6；使用es6可能导致安卓端真机调试时很多问题出现，还有其他未知问题；原因未知； 2：字母拼错，包括字母拼写错误，大小写没有注意；微信小程序中，有大量这样的代码示例，从中间冒出一个大写，比如支付中的appId
微信小程序实现商品属性联动选择
12-29
本文实例为大家分享了微信小程序实现商品属性联动选择的具体代码，供大家参考，具体内容如下 效果演示： 代码示例 1、commodity.xml <!-- 属性值联动选择 --> <!--options--> <!--每组属性--> <!--属性名--
微信小程序商城项目之商品属性分类（4）
12-29
续上一篇的文章：微信小程序之购物数量加减 —— 微信小程序实战商城系列（3） 所提及的购物数量的加减，现在说说商品属性值联动选择。 为了让同学们有个直观的了解，到电商网截了一个图片，就是红圈所示的部分 现在就为大家介绍这个小组件，在小程序中，该如何去写 下图为本项目的图： wxml： <view class=title>商品属性值联动选择</view> <!--options--> <view class=commodity_attr_list> <!--每组属性--> <view class=attr_box wx:for={{attrValueList}}
小程序v-if和v-elseif使用以及Bad attr `wx:else` with message: `wx:if not found, then something must be wrong
最新发布
qq_70032585的博客
01-25 483
上面这段代码看起来好像没毛病，但是在小程序中这里的else if 并不是 elseif 而是 elif。
微信小程序开发warning
03-29
微信小程序开发warning： Now you can provide attr "wx:key" for a "wx:for" to improve performance       (此图片来源于网络，如有侵权，请联系删除! ) 用微信官方的模板发现突然报了这个warning，检查原因：   官方解释： wx:key 如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 中的输入内容， 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。 wx:key 的值以两种形式提供 1、wx:key="property" 其中pr
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
10-17
主要介绍了微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法,简单分析了wx:for警告提示相关解决方法,需要的朋友可以参考下
微信小程序实现底部弹出框
01-22
微信小程序的底部弹出框，供大家参考，具体内容如下 wxml <!-- 弹出框 start --> <view
微信小程序数据绑定
05-17
微信小程序数据绑定demo，便于初学者学习、借用、创建小程序
微信小程序报错：Bad attr 'wx 的三种原因，已解决
热门推荐
baidu_39418435的博客
01-03 1万+
最近开发小程序，一写wx:else就会报这个错：Bad attr 'wx。错误原因有一下几种： 1、百度了很多都说是多写了wx:else，所以首先请检查页面是否多写了wx:else，多写会报错，一个wx:if 对应一个wx:else 2、但确实只写了一个wx:else，那么请检查wx:if 与wx:else 是否写在同一层级，比如： 正确写法√ 错误写法× <vi...
微信小程序Bad attr `wx:else` with message: `wx:if not found, then something must be wr
u010231454的专栏
12-06 509
在小程序中使用wx:if 跟wx:else ，出现以下报错时的检查方式
小程序wx:else提示 Bad attr `wx
LlanyW的专栏
08-06 1292
WX:FOR和WX:IF在同一个标签下提：for的。比if的优先级要高，
微信小程序报错 Bad attr `wx
信徒博客
05-25 1万+
错误信息如下 错误原因如下 一个wx:if对应一个wx:else； 但是我多写了一个wx:else 解决方案 去掉多余的wx:else
微信小程序 wxParse插件显示视频问题
01-19
var node = { node: 'element', tag: tag, }; 这里使用 node.tag 能够获取标签类型，比如： img、embed、video 这里我的系统后台编辑器使用的是ckeditor 上传视频。生成的便签是：embed ... if (node.attr
小程序 在同一个标签上同时使用 wx:if和wx:for 会报错 （Bad attr `wx）
byking818的博客
03-28 290
今天写小程序遇到个同时使用if和for报错的问题 网上查了查 也没有具体答案，解决办法就是 吧if和for循环 嵌套一下
小笔记：wx:for和wx:if在同一个标签下提示 Bad attr `wx的问题
月落星河
12-07 1076
问题：在微信XHTML中当wx:for和wx:if 和 wx:else 一起用的时候会报错Bad attr wx，如图： 如果蓝色标记，造成问题的原因是因为你的for的优先级比if的优先级要高，如下代码： /*先进行了for循环 */ for(){ .... /*然后进入了if判断 */ if(){ .... } } /*最后单独的一个else */ else{ .... } 这就成了一个语法错误了。 正确写法1： <!- 包一个block，代码从上而下顺序执行，这样if的优先
小程序Bad attr `wx:key` with message: unexpected token `*`.
Nontracely的博客
08-22 5039
Bad attr wx:key with message: unexpected token *. wx:key = “{{*this}}” 功能没问题，console里没有警告没有报错， 但二维码预览编译时报错，Error: wxml 编译错误， 错误信息：./pages/goorders/goorders.wxml:6:117: Bad attr wx:key with message...
微信小程序报错：Bad attr ‘wx 解决方法
G_XUI的博客
08-12 1324
转载 原地址:https://blog.csdn.net/baidu_39418435/article/details/103821828、 今天写代码第一次遇到了Bad attr 'wx 报错 解决全部的方法在上面的链接里 我主要遇到了第三种 在同一标签内写入了wx:for 和wx:if 在同一级标签写入wx:else 会报错 错误例子： 正确例子： ...
微信小程序封装wxml并回传参数
07-15
### 回答1： 微信小程序是一种轻量级应用程序，可以在微信内直接运行。封装wxml并回传参数是指在小程序中使用自定义组件，将组件封装在一个wxml文件中，并将参数传递给该组件。 封装wxml可以将页面上的一段重复的代码封装在一起，减少代码的冗余，提高代码的可维护性。在小程序中，我们可以创建一个自定义组件的文件夹，包含一个wxml、一个wxss和一个js文件。在wxml文件中定义组件的结构，在wxss文件中定义组件的样式，在js文件中处理组件的逻辑。通过封装wxml，我们可以将组件的代码复用在不同的页面中。 当我们需要向封装的组件传递参数时，可以在引用组件的地方通过属性对组件进行赋值。在引用组件的wxml文件中，使用<component-name attr="{{value}}"></component-name>的形式，其中component-name是组件的名称，attr是组件的属性名，value是要传递的参数。在组件的js文件中，可以使用this.properties.attr获取传递的参数。 除了通过属性传递参数，我们还可以通过事件传递参数。当组件内部发生某种操作时，可以使用this.triggerEvent('eventName', {data})触发一个自定义事件，并将参数传递给父组件。在父组件的wxml文件中，使用<component-name bind:eventName="handleEvent"></component-name>的形式来监听自定义事件，并在父组件的js文件中定义handleEvent方法来处理传递的参数。 总结来说，封装wxml并回传参数是一种在微信小程序中使用自定义组件的方式。通过封装wxml可以将重复的代码封装在一个文件中，提高代码的复用性和可维护性。通过传递参数，可以实现组件之间的数据交互，增强小程序的功能和灵活性。 ### 回答2： 微信小程序的wxml是一种类似HTML的标记语言，用于描述小程序的界面结构。当我们需要封装wxml并回传参数时，可以通过以下步骤实现： 1. 在小程序中创建一个自定义组件，可以是一个文件夹，将其命名为自定义组件的名称，例如"my-component"。 2. 在该文件夹下创建两个文件：一个是WXML文件，命名为"my-component.wxml"；另一个是JS文件，命名为"my-component.js"。 3. 在"my-component.wxml"文件中，编写需要封装的wxml代码，可以是一段HTML标签等等。 4. 在"my-component.js"文件中，定义一个名为"properties"的属性，用于接收外部传入的参数，并在其中定义一个名为"myData"的属性，用于接收和存储从外部组件传入的数据。 5. 在"my-component.wxml"文件中的相关位置，使用"{{myData}}"的形式展示从外部传入的参数值。 以上步骤完成后，在小程序中使用该自定义组件时，可以通过将数据传递给组件的"properties"属性，实现参数的传递和回传。 例如，如果我们要将一个值为"Hello World"的参数传递给自定义组件，并将其展示在组件中，可以这样做： 1. 在页面的WXML文件中引入自定义组件，例如： <my-component myData="{{myParameter}}"></my-component> 2. 在页面的JS文件中定义和设置"myParameter"变量的值，例如： Page({ data: { myParameter: "Hello World" } }) 3. 在自定义组件的"my-component.wxml"文件中，使用"{{myData}}"的形式展示参数值，例如： <view>{{myData}}</view> 通过以上方式，我们可以在小程序中封装wxml并回传参数，实现灵活的组件复用和数据传递。 ### 回答3： 微信小程序中，可以通过封装wxml并回传参数来实现一些特定的功能。封装wxml指的是将一段具有重复使用的代码封装为一个wxml文件，然后通过引用该wxml文件来复用这段代码。 首先，在需要封装的代码段上方定义一个 `<template>` 标签，指定该封装wxml的名称和参数。例如，我们定义一个名为 `myTemplate` 的封装wxml，并设置一个参数 `text`： ```html <template name="myTemplate"> <text>{{text}}</text> </template> ``` 然后，在需要使用封装wxml的地方，通过 `<import>` 标签引入该wxml文件，并使用 `<template>` 标签来调用封装wxml并传入参数。 ```html <import src="path/to/myTemplate.wxml"/> <template is="myTemplate" data="{{text: 'Hello World'}}"></template> ``` 在这个例子中，我们通过 `<import>` 标签引入名为 `myTemplate` 的封装wxml文件，并在调用时传入参数 `text: 'Hello World'`。 通过以上步骤，我们成功地封装了wxml并回传了参数。在 `<template>` 标签内部，我们可以使用 `{{text}}` 来引用传入的参数，从而实现动态的内容展示。 总结起来，使用微信小程序封装wxml并回传参数的主要步骤包括定义封装wxml文件、引入封装wxml文件和使用 `<template>` 标签传递参数。这样可以方便地复用代码和实现动态展示的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值