根据Vue3/Laravel8中的区域设置自定义字体大小？
根据Vue3/Laravel8中的区域设置自定义字体大小？
提问于 2021-10-26 22:15:23
我正在开发一个Vue3/Laravel8应用程序，它必须支持english和arabic语言。问题是en和ar语言环境之间存在巨大的字体大小差异：
我已经寻找了一段时间来改变arabic font-size，但看起来并不简单。
首先，我试图在vue-i18n中找到一种方法，但没有成功。如果可能的话，这将是最方便的。
然后我尝试了CSS路线，使用:lang(ar)选择器，但它依赖于html，或者在我的情况下是laravel.blade，控制项目语言似乎是一件麻烦的事情，创建中间件和控制器。
有什么方便的方法可以做到这一点吗？
回答 1
Stack Overflow用户
发布于 2021-10-26 23:09:42
Vue 3.2为单文件组件(SFC)引入了一些新特性：https://v3.vuejs.org/api/sfc-style.html#state-driven-dynamic-css
因此，在您的情况下，您可以尝试如下所示(未经测试)：
<template>
<div class="text">hello</div>
</template>
<script>
export default {
data() {
return {
lang: 'en',
},
},
computed() {
fontSize() {
if (this.lang === 'ar') {
return '1.5em';
}
return '1em';
},
},
}
</script>
<style>
.text {
font-size: v-bind(fontSize);
}
</style>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69733652
复制相关文章
相似问题
gcloud firestore导入在任何场景下都会触发云函数吗？
gcloud Firestore导出不导出子集合
addTarget函数在addGestureRecognizer函数触发后不触发
Firestore函数触发器不会触发
algolia firestore函数不会触发
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
