43.HarmonyOS鸿蒙系统 App(ArkUI)@State$单引号引用变量失败--解决方法

HarmonyOS鸿蒙系统 App(ArkUI)$单引号引用变量失败--解决方法

复制代码
@State name2:string = '反引号键'

$加大括号来引用变量,不是使用的单引号,而是反引号,在键盘的Esc键的下面

复制代码
@Entry
@Component

struct Index {
  @State message: string = 'Hello World'
  @State name2:string = '反引号键'
  @State bgColors: Color[] = [Color.Red, Color.Orange, Color.Yellow, Color.Green, Color.Pink, Color.Blue, Color.Grey, Color.Brown];

  build() {

    GridRow({

      breakpoints: {
        value: ['200vp', '300vp', '400vp', '500vp', '600vp'],
        reference: BreakpointsReference.WindowSize
      }
    }) {
      ForEach(
        this.bgColors, (color, index) => {
        GridCol({
          span: {
            xs: 2, // 在最小宽度类型设备上,栅格子组件占据的栅格容器2列。
            sm: 3, // 在小宽度类型设备上,栅格子组件占据的栅格容器3列。
            md: 4, // 在中等宽度类型设备上,栅格子组件占据的栅格容器4列。
            lg: 6, // 在大宽度类型设备上,栅格子组件占据的栅格容器6列。
            xl: 8, // 在特大宽度类型设备上,栅格子组件占据的栅格容器8列。
            xxl: 12 // 在超大宽度类型设备上,栅格子组件占据的栅格容器12列。
          }
        }) //栅格布局
        {
          Row() {
            Text(`${index}`)  //
            //Text('${this.name2}')
            Text(`${this.name2}`)

          }.width("100%").height('50vp')
        }.backgroundColor(color)
      }
      )
    }
  }
}
相关推荐
qq_386322692 分钟前
华为网路设备学习-34(BGP协议 九)BGP路由 选路规则二
服务器·学习·华为
逻极7 小时前
HarmonyOS 5 鸿蒙应用性能优化与调试技巧
华为·性能优化·harmonyos·鸿蒙
Kevin Coding8 小时前
鸿蒙实现可以上下左右滑动的表格-摆脱大量ListScroller
华为·harmonyos
周倦岚10 小时前
【HarmonyOS】组件嵌套优化
harmonyos
我是华为OD~HR~栗栗呀13 小时前
华为od-22届考研-测试面经
java·c++·python·功能测试·华为od·华为·面试
安卓开发者13 小时前
鸿蒙Next Test Kit:一站式自动化测试框架详解
华为·harmonyos
weixin_4046113413 小时前
鸿蒙flutter 老项目到新项目的遇到迁移坑点
flutter·华为·harmonyos
fatiaozhang952715 小时前
晶晨S905L3SB芯片_安卓9.0_高安版_支持外置WIFI_线刷固件包
android·华为·电视盒子·刷机固件·机顶盒刷机
想要AC的sjh16 小时前
华为Java专业级科目一通过心得
java·开发语言·华为
li理16 小时前
使用AVPlayer在HarmonyOS中实现视频播放(ArkTS)
harmonyos