x***@vip.qq.com
x***@vip.qq.com
  • 发布:2022-01-15 18:45
  • 更新:2022-03-28 15:13
  • 阅读:3079

【报Bug】使用vite+vue3做开发,微信小程序运行不支持v-bind 和 v-html,这很严重

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.3.5

第三方开发者工具版本号: 1.05.2112301

基础库版本号: 2.21.3

项目创建方式: HBuilderX

示例代码:
[plugin:vite:vue] unknown directive{"type":7,"name":"html","exp":{"type":4,"loc":{"source":"","start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":1,"offset":0}},"content":"e","isStatic":false,"constType":0},"modifiers":[],"loc":{"start":{"column":11,"line":9,"offset":428},"end":{"column":34,"line":9,"offset":451},"source":"v-html=\"state.thisHtml\""}}

操作步骤:
<view class="introduce" id="introduce-main" :style="{minHeight: deviceHeight + 'px'}">  
    <view v-html="state.thisHtml" class="intruction-content" v-show="state.selected === 'intruction'"></view>  
    <view v-html="state.thisParam" class="param-content" v-show="state.selected === 'param'"></view>  
  </view>

预期结果:

微信小程序可以编译通过编译

实际结果:

微信小程序无法编译相关指令

bug描述:

@dcloudio/vite-plugin-uni 版本是最新的,微信小程序开发不支持v-bind 和 v-html,尤其是v-html,这是个比较重要的属性

2022-01-15 18:45 负责人:无 分享
已邀请:
x***@vip.qq.com

x***@vip.qq.com (作者)

目前使用rich-view可以解决v-html的问题,希望官方早点支持

  • DCloud_UNI_FXY

    稍后v-html会自动编译为rich-text节点

    2022-01-15 20:59

DCloud_UNI_Anne

DCloud_UNI_Anne

HBuilderX alpha 3.4.0+ 已修复

  • l***@163.com

    啥时候上稳定版?

    2022-03-11 10:05

  • l***@163.com

    v-bind=“xxx” 这写法支持?

    2022-03-11 10:06

DCloud_UNI_Anne

DCloud_UNI_Anne

HBuilder X 3.4.3-alpha 自定义组件支持 v-bind="" 语法

  • u***@126.com

    我HBuilder X都更新到3.7.3.20230223了,还是不支持。我专门新建了demo项目来测试,微信小程序还是不支持v-bind=”xxx“语法,依然提示:[plugin:vite:vue] v-bind="" is not supported,你有什么头绪吗

    2023-02-27 13:49

该问题目前已经被锁定, 无法添加新回复