<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>
- 发布:2022-12-29 00:15
- 更新:2023-01-19 08:34
- 阅读:629
产品分类: 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;
}
最佳回复
问题已确认,感谢反馈,已加分 相关 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