<template>
<view class="content">
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello',
color: 'red',
font: {
size: '36rpx'
}
}
}
}
</script>
<style lang="scss">
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.title {
font-size: v-bind('font.size');
color: v-bind(color);
}
}
</style>
d***@gmail.com
- 发布：2022-12-29 00:15
- 更新：2023-01-19 08:34
- 阅读：496
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.5.1
HBuilderX类型： 正式
HBuilderX版本号： 3.6.15
第三方开发者工具版本号： 1.06.2212011
基础库版本号： 2.29.0
项目创建方式： HBuilderX
示例代码：
操作步骤：
直接新建一个 vue3 基础项目拷贝上面代码示例运行即可
直接新建一个 vue3 基础项目拷贝上面代码示例运行即可
预期结果：
element.style {
--1cf27b2a-font.size:19px;
--1cf27b2a-color: red;
}
element.style {
--1cf27b2a-font.size:19px;
--1cf27b2a-color: red;
}实际结果：
element.style {
--1cf27b2a-font: .size:19px;
--1cf27b2a-color: red;
}
element.style {
--1cf27b2a-font: .size:19px;
--1cf27b2a-color: red;
}bug描述：
v-bind 不是表达式的时候是正常的 如果是表达式会被编译成带点的变量 开发工具整机调试均不能正确的获取到属性
补充下截图
最佳回复
问题已确认，感谢反馈，已加分 相关 issues https://github.com/dcloudio/uni-app/issues/4076
暂时可通过替换文件 HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-mp-vite/dist/plugin/polyfill.js 为附件文件解决
d***@gmail.com (作者)
之前的HBX 版本应该是把.编译成的_ 所以结果是正常的。我回滚下版本测试下
-
-
可能是由于 uni-app 的 CSS 解析器在处理 v-bind 表达式时出现了问题，你试试 ， v-bind:[font.size]='font.size，或者v-bind:[font][size]='font.size。 看下行不行
2022-12-29 01:17
-
d***@gmail.com (作者)
回复 2***@qq.com: [plugin:commonjs] v-bind:[name]="" is not supported. 现在还不支持这样写。
2022-12-29 10:04
g***@gmail.com
压缩包有问题，打开报错“无法作为压缩包打开文件”
2023-01-03 21:58