小程序
小游戏
企业微信
微信支付
扫描小程序码分享
请问这个怎么解决
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
应该是wxml不支持es6的`${}`写法导致的报错。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<nav class="shop-nav" :style="{backgroundImage: `url('{{info.bgImg}}')`}">
不支持这种写法,建议 {{ }}
--↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了,可惜是假的)
是不是复制的时候,带入什么标签,可以贴下代码看看
<template>
<div class="shop-header">
<nav class="shop-nav" :style="{backgroundImage: `url(${info.bgImg})`}">
<a class="back" @click="$router.back()">
<i class="iconfont icon-jiantouzuo"></i>
</a>
</nav>
<div class="shop-content" @click="toggleShopShow">
<img class="content-image" src="./1.jpg">
<div class="header-content">
<h2 class="content-title">
<span class="content-tag">
<span class="mini-tag">品牌</span>
</span>
<span class="content-name">{{info.name}}</span>
<i class="content-icon"></i>
</h2>
<div class="shop-message">
<span class="shop-message-detail">{{info.score}}</span>
<span class="shop-message-detail">月售{{info.sellCount}}单</span>
<span class="shop-message-detail">
{{info.description}}
<span>约{{info.deliveryTime}}分钟</span>
<span class="shop-message-detail">距离{{info.distance}}</span>
</div>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
应该是wxml不支持es6的`${}`写法导致的报错。
<nav class="shop-nav" :style="{backgroundImage: `url('{{info.bgImg}}')`}">
不支持这种写法,建议 {{ }}
--↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了,可惜是假的)
是不是复制的时候,带入什么标签,可以贴下代码看看
<template>
<div class="shop-header">
<nav class="shop-nav" :style="{backgroundImage: `url(${info.bgImg})`}">
<a class="back" @click="$router.back()">
<i class="iconfont icon-jiantouzuo"></i>
</a>
</nav>
<div class="shop-content" @click="toggleShopShow">
<img class="content-image" src="./1.jpg">
<div class="header-content">
<h2 class="content-title">
<span class="content-tag">
<span class="mini-tag">品牌</span>
</span>
<span class="content-name">{{info.name}}</span>
<i class="content-icon"></i>
</h2>
<div class="shop-message">
<span class="shop-message-detail">{{info.score}}</span>
<span class="shop-message-detail">月售{{info.sellCount}}单</span>
<span class="shop-message-detail">
{{info.description}}
<span>约{{info.deliveryTime}}分钟</span>
</span>
<span class="shop-message-detail">距离{{info.distance}}</span>
</div>