Vue学习 - :xxx=“变量“

最新推荐文章于 2024-05-13 21:04:39 发布
原创 最新推荐文章于 2024-05-13 21:04:39 发布 · 648 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文通过一个具体的Vue下拉框例子，探讨了在`:label`前添加冒号导致的问题。当在`el-option`的`label`属性前加上冒号时，Vue将其视为一个变量，但在实际业务逻辑中未定义，导致下拉框显示value值而非预期的label文字。分析指出，冒号在Vue中代表双向绑定，意味着组件属性的值会根据业务逻辑变化。总结强调了Vue中属性修饰符的重要性和正确使用方式。

Vue

一、:xxx="变量"问题描述

以下拉框为例解释:

<el-col :span="9">
   <el-form-item label="状态:">
      <el-select v-model="formInline.osiStatus" placeholder="请选择">
          <el-option value="1" label="正常">正常</el-option>
          <el-option value="2" label="异常">异常</el-option>
          <el-option value="3" label="隐患">隐患</el-option>
     </el-select>
   </el-form-item>
</el-col>

选择【下拉框选项时】显示的是 正常、异常、隐患
在这里插入图片描述

<el-col :span="9">
   <el-form-item label="状态:">
      <el-select v-model="formInline.osiStatus" placeholder="请选择">
          <el-option value="1" :label="正常">正常</el-option>
          <el-option value="2" :label="异常">异常</el-option>
          <el-option value="3" :label="隐患">隐患</el-option>
     </el-select>
   </el-form-item>
</el-col>

选择【下拉框选项时】显示的是 1、2、3
在这里插入图片描述

二、分析

当我在label前添加:时，那么就意味着‘正常’、‘异常’、‘隐患’为三个变量，但我下文的业务逻辑中并未对这三个变量进行赋值。所以切换value时找不到对应的label,也就默认显示value的值。

三、总结

组件属性前添加:代表双向绑定-定义的值可以根据业务逻辑更改而更改(可以理解为是这个组件属性定义了一个变量，业务逻辑中对这个组件属性定义的变量值进行了修改，那么组件值也会发生修改)

VUE xxx
万物皆字节
06-23 346
记录 新建文件夹 a、npm init -y b、npm install vue computed watch 组件 Vue.component()
vue3封装组件时 :xxx 这种写法是什么意思呢
weixin_35756130的博客
02-07 191
这种写法是一种 JavaScript 的语法，称为对象的解构赋值。它允许您从对象中提取值，并将它们分配给独立的变量。在这种情况下，xxx 是一个变量，它将被分配到对象中的一个值。 ...
Vue3踩坑之“:xxx=“xxx（）””
weixin_45441153的博客
12-06 590
before-close="closeDialog（）" 会自执行一次。
vue:自定义指令v-xxx
头条:俊哥前端工程师，真正的大师永远怀揣着一颗学徒的心。
11-23 314
vue中给我们提供了自定义指令，顾名思义允许我们自己去定义一个指令v-xxx。 指令分两种： 1.全局指令 （全局指令就是在所有vue文件中都可以使用） 2.局部指令 （局部指令就是仅限在当前vue文件中使用）
Vue事件处理 v-on:xxx 或@xxx & 事件修饰符
·
07-09 2120
在Vue中，事件修饰符是一种特殊的指令，用于修改事件的默认行为或者增强事件的功能。Vue提供了许多事件修饰符，例如stop、prevent、capture等。Vue中的事件绑定与原生JavaScript中的事件绑定类似，都是通过添加事件监听器来触发特定的操作。.passive：告诉浏览器该事件的默认行为可以被安全地禁用，以提高性能。.self：只当事件在该元素本身（而不是子元素）触发时触发回调。修饰符来阻止表单提交时的默认行为。指令来绑定一个点击事件，当用户点击按钮时，修饰符可以阻止事件的默认行为。
341 和 342 行部分: <a-col :span="12"> <a-form-model-item prop="searchData.StepForms[index].eqpMode" label="Equipment:" :labelCol="{ span: 6 }" :wrapperCol="{ span: 12, offset: 2 }" :required=&#39;required&#39;> <a-select placeholder="请选择" v-model="step.eqpMode" style="width: 100%" > <a-select-option v-for="item in StepEqpModeList" :key="item">{{ item }}</a-select-option> </a-select> </a-form-model-item> <a-form-model-item prop="searchData.StepForms[index].eqpModeName" "> <a-input v-model="step.eqpModeName" placeholder="Enter Step No" " /> <div style="color: red; margin-top: 4px;"> EqpGroup区分大小写，输入的EqpID最大长度7位!!! </div> </a-form-model-item> </a-col>438-460行:<!-- Wafer 选择弹窗 --> <a-modal v-model:visible="isWaferModalVisible" title="选择 WaferID" @ok="handleWaferOk" okText="确定" cancelText="取消"> <a-checkbox-group v-model:value="selectedWaferIDs"> <a-row> <a-col v-for="id in waferList" :key="id" :span="6"> <a-checkbox :value="id">{{ id }}</a-checkbox> </a-col> </a-row> </a-checkbox-group> </a-modal> <!-- Wafer 选择弹窗 --> <a-modal v-model:visible="isMeasWaferModalVisible" title="选择 WaferID" @ok="handleMeasWaferOk" okText="确定" cancelText="取消"> <a-checkbox-group v-model:value="selectedMeasWaferIDs"> <a-row> <a-col v-for="id in waferList" :key="id" :span="6"> <a-checkbox :value="id">{{ id }}</a-checkbox> </a-col> </a-row> </a-checkbox-group> </a-modal> 851行: this.searchData.StepForms.push({ stepNo: "", description: "", operator: "", date: null, isReadOnlyStepNo: false, stepSerialNo: index + 1, // 动态赋值 waferId: [], waferIdQty: 0, slotId: [], slotIdQty: 0 }); },
11-02
✅ **Vue 2 不支持 `v-model:xxx` 这种带参数的写法**。`v-model:visible` 是 Vue 3 的写法，用于实现多 `v-model` 绑定。 --- ### ✅ 修复建议（Vue 2） 如果你使用的是 Vue 2，应该使用 `v-model` + `prop/emit...
<el-form-item label="所属业务场景" :label-width="formLabelWidth"> <el-select v-model="newMenuForm.business_scenario"multiple> <el-option label="管理" :value="管理"></el-option> <el-option label="品质检验" :value="品质检验"></el-option> <el-option label="生产制造" :value="生产制造"></el-option> <el-option label="实验检测场景" :value="实验检测场景"></el-option> <el-option label="试制场景" :value="试制场景"></el-option> <el-option label="研发场景" :value="研发场景"></el-option> </el-select>这个现在有问题，选一个全选了而且只能选择最下面的那个
09-05
你遇到的问题是典型的 Vue + Element UI 多选下拉框的常见问题，根据你的描述： > “选一个全选了”、“只能选择最下面的那个” 这说明你的 `<el-select>` 的 `v-model` 绑定值没有正确初始化为**数组**，或者 `...
为什么后端传回数据后,并不能在前端显示: <a-card :title="`Run Card Step${index + 1}`" style="margin-top: 10px"> <a-row> <a-col :span="12"> <a-form-model-item :prop="&#39;StepForms.&#39; + index + &#39;.StepForm.fabName&#39;" label="Fab Area:" :labelCol="{ span: 6 }" :wrapperCol="{ span: 12, offset: 2 }" :required=&#39;required&#39;> <a-select placeholder="请选择" v-model="step.fabName" style="width: 100%" :disabled="step.isSubmitted"> <a-select-option v-for="item in StepFabAreaList" :key="item">{{ item }}</a-select-option> </a-select> </a-form-model-item> </a-col> <a-col :span="12"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.area&#39;" label="Area:" :labelCol="{ span: 6 }" :wrapperCol="{ span: 12, offset: 2 }" :required=&#39;required&#39;> <a-select placeholder="请选择" v-model="step.area" style="width: 100%" :disabled="step.isSubmitted"> <a-select-option v-for="item in StepAreaList" :key="item">{{ item }}</a-select-option> </a-select> </a-form-model-item> </a-col> </a-row> <a-row> <a-col :span="16"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.stepNo&#39;" label="Reference Step No" :labelCol="{ span: 6 }" :wrapperCol="{ span: 12 }" :required=&#39;required&#39;> <div style="display: flex; align-items: center; gap: 8px; white-space: nowrap;"> <a-checkbox v-model="step.isReadOnlyStepNo">NA</a-checkbox> <a-input v-model="step.stepNo" placeholder="Enter Step No" :disabled="step.isReadOnlyStepNo || step.isSubmitted" style="flex: 1; height: 32px;" /> {{index}}<a-button @click="getStepLotInfo(index)" style="height: 32px;">Go</a-button> <a-button @click="getfuturestepinfo(index)" style="height: 32px;">ViewFutureStep</a-button> </div> </a-form-model-item> </a-col> </a-row> <a-row> <a-col :span="12"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.eqpMode&#39;" label="Equipment:" :labelCol="{ span: 6 }" :wrapperCol="{ span: 6, offset: 2 }" :required=&#39;required&#39;> <a-select placeholder="请选择" v-model="step.eqpMode" style="width: 100%" :disabled="step.isSubmitted"> <a-select-option v-for="item in StepEqpModeList" :key="item">{{ item }}</a-select-option> </a-select> </a-form-model-item> </a-col> <a-col :span="12"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.eqpModeName&#39;" label="" :labelCol="{ span: 6 }" :wrapperCol="{ span: 20, offset: 2 }" :required=&#39;required&#39;> <div style="display: flex; align-items: center; gap: 8px; Height: 40px;"> <a-input v-model="step.eqpModeName" :disabled="step.isSubmitted" /> <div style="color: red; white-space: nowrap;"> EqpGroup区分大小写，输入的EqpID最大长度7位!!! </div> </div> </a-form-model-item> </a-col> </a-row> <a-row> <a-col :span="12"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.recipe&#39;" label="Recipe：" :labelCol="{ span: 6 }" :wrapperCol="{ span: 12 , offset: 2}" :required=&#39;required&#39;> <div style="display: flex; align-items: center; gap: 8px; Height: 40px;"> <a-input v-model="step.recipe" :disabled="step.isSubmitted" /> <div style="color: red; white-space: nowrap;"> 区分大小写!!! </div> </div> </a-form-model-item> </a-col> </a-row> <a-row> <!-- WaferID 显示和弹窗按钮 --> <a-col :span="18"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.waferId&#39;" label="WaferID" :labelCol="{ span: 3 }" :wrapperCol="{ span: 15 }"> <a-input :value="step.waferId" placeholder="请选择 WaferID" @click="() => openWaferModal(index)" readonly style="cursor: pointer" :disabled="step.isSubmitted" /> </a-form-model-item> </a-col> <!-- QTY 数量显示 --> <a-col :span="6"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.waferIdQty&#39;" label="QTY" :labelCol="{ span: 3 }" :wrapperCol="{ span: 3 }"> <a-input :value="step.waferIdQty.toString()" readonly :disabled="step.isSubmitted" /> </a-form-model-item> </a-col> </a-row> <a-row> <!-- MeasWaferID 显示和弹窗按钮 --> <a-col :span="18"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.slotId&#39;" label="MeasSlotId" :labelCol="{ span: 3 }" :wrapperCol="{ span: 15 }"> <a-input :value="step.slotId" placeholder="请选择量测 WaferID" @click="() => openMeasWaferModal(index)" readonly style="cursor: pointer" :disabled="step.isSubmitted" /> </a-form-model-item> </a-col> <!-- MeasWaferIDQTY 数量显示 --> <a-col :span="6"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.slotIdQty&#39;" label="QTY" :labelCol="{ span: 3 }" :wrapperCol="{ span: 3 }"> <a-input :value="step.slotIdQty.toString()" readonly :disabled="step.isSubmitted" /> </a-form-model-item> </a-col> </a-row> <a-row> <a-col :span="12"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.contaminationFlag&#39;" label="ContaminationFlag:" :labelCol="{ span: 6 }" :wrapperCol="{ span: 12, offset: 2 }" :required=&#39;required&#39;> <a-select placeholder="请选择" v-model="step.contaminationFlag" style="width: 100%" :disabled="step.isSubmitted"> <a-select-option v-for="item in contaminationFlagList" :key="item">{{ item }}</a-select-option> </a-select> </a-form-model-item> </a-col> <a-col :span="12"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.remark&#39;" label="Remark：" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }"> <a-textarea v-model="step.remark" placeholder="100字内..." :rows="3" :disabled="step.isSubmitted" /> <!-- 始终显示的红字提示 --> <div style="color: red; margin-top: 4px;"> 如果输入中文，Runcard只能Manual Run!!! </div> </a-form-model-item> </a-col> <a-col :span="12"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.ecdPlanName&#39;" label="EDC Plan Name：" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }"> <a-input v-model="step.ecdPlanName" placeholder="Enter EDC PlanName" :disabled="step.isSubmitted" /> <a-button @click="submitstepinfo()">Go</a-button> </a-form-model-item> </a-col> <a-col :span="12"> <a-form-model-item prop="&#39;StepForms.&#39; + index + &#39;.StepForm.spec&#39;" label="量测规格SPEC：" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }"> <a-input v-model="step.spec" :disabled="disabled" /> </a-form-model-item> </a-col> </a-row> <!-- Qtime 展示区域 --> <div v-if="StepForms[index].stepQtimeEndList && StepForms[index].stepQtimeEndList.length > 0"> <a-card style="margin-top: 20px" title="Step Qtime Information"> <a-table :dataSource="StepForms[index].stepQtimeEndList" :columns="StepQtimeStrEndColumns" :pagination="false" :rowKey="record => record.id || Math.random()" bordered > <!-- 注意这里使用 { record, index } 解构 --> <template #handleMode="record, index"> <a-select :value="index.action" @change="(value) => onHandleModeChange(index, value)" style="width: 120px" > <a-select-option value="NULL">NULL</a-select-option> <a-select-option value="Ignore">Mapping</a-select-option> </a-select> </template> </a-table> </a-card> </div> <!-- Qtime 展示区域 --> <div v-if="StepForms[index].stepQtimeList && StepForms[index].stepQtimeList.length > 0"> <a-card style="margin-top: 20px" title="Step Qtime Information"> <a-table :dataSource="StepForms[index].stepQtimeList" :columns="StepQtimeStrColumns" :pagination="false" :rowKey="record => record.id || Math.random()" bordered > </a-table> </a-card> </div> <a-row> <a-col :span="24"> <a-form-model-item label="" :labelCol="{ span: 6 }" :wrapperCol="{ span: 12, offset: 10 }"> <a-button @click="updatestepinfo(index)">Update</a-button> <a-button @click="deletestepinfo(index)">Delete</a-button> <a-button @click="submitstepinfo(index)">Submit</a-button> </a-form-model-item> </a-col> </a-row> </a-card>
11-16
后端传回数据后前端无法显示，可能有以下几种原因，以下结合 Ant Design Vue 组件代码示例进行分析： #### 1. 数据未正确接收 在 Vue 项目中，通常使用 `axios` 等工具来从后端获取数据。如果请求失败或者数据格式...
这个模板结构不正确吗？ <a-modal title="选择 EDCPlan SPEC" :visible="isSpecModalVisible" @ok="confirmSpecSelection" @cancel="cancelSpecSelection"> <!-- 加 v-if 防止 columns 为空时报错 --> <a-table v-if="isSpecModalVisible" :dataSource="edcPlanSpec" :columns="EdcPlanSpecColumns" :pagination="false" :rowSelection="rowSelection" bordered :rowKey="record => record.name || record.id" > <!-- 插槽：U 列 --> <template #usl="{ record }"> <a-input-number v-model="record.usl" placeholder="输入 USL" /> </template> <!-- 插槽：L 列 --> <template #lsl="{ record}"> <a-input-number v-model="record.lsl" placeholder="输入 LSL" /> </template> <!-- 插槽：Unit 列（下拉框） --> <template #unit="{ text, record}"> <a-select v-model="record.unit" size="small" style="width: 100%"> <a-select-option v-for="unit in unitOptions" :key="unit" :value="unit" > {{ unit }} </a-select-option> </a-select> </template> </a-table> </a-modal>
最新发布
11-21
如果是直接用变量名也要确保格式对 | 所以：**你的模板结构没有问题。** --- ## 二、为什么还报错：`Cannot read property &#39;_vueTypes_name&#39; of null`？ 虽然模板结构正确，但错误仍然可能发生 —— 因为这个...
<template> <div class="container"> <div class="content"> <el-tabs v-model="activeName" stretch class="asset-efficity-tabs"> <el-tab-pane :lazy="false" :label="t(&#39;盘点差异&#39;) + &#39;(&#39; + handelNumber(data.top.ciagabnormalsitetotalcount) + &#39;)&#39;" name="inventoryDiscrepancy" > <CountingDiscrepancy v-if="activeName === &#39;inventoryDiscrepancy&#39;" :data="props.data" :activeName="activeName" :productRole="props.productRole" :title="title" /> </el-tab-pane> <el-tab-pane :lazy="false" :label="t(&#39;无保全协议&#39;) + &#39;(&#39; + handelNumber(data.top.noagreementsitecount) + &#39;)&#39;" name="noSecurityAgreement" > <OtherType v-if="activeName === &#39;noSecurityAgreement&#39;" :data="props.data" :activeName="activeName" :title="title" /> </el-tab-pane> <el-tab-pane :lazy="false" :label="t(&#39;未覆盖解决方案&#39;) + &#39;(&#39; + handelNumber(data.top.nosolutionsitecount) + &#39;)&#39;" name="solutionNotCovered" > <OtherType v-if="activeName === &#39;solutionNotCovered&#39;" :data="props.data" :activeName="activeName" :title="title" /> </el-tab-pane> <el-tab-pane :lazy="false" :label="t(&#39;解决方案部署中&#39;) + &#39;(&#39; + handelNumber(data.top.solutiondeploysitecount) + &#39;)&#39;" name="solutionDeployment" > <OtherType v-if="activeName === &#39;solutionDeployment&#39;" :data="props.data" :activeName="activeName" :title="title" /> </el-tab-pane> </el-tabs> </div> </div> </template> <script lang="ts" setup> import { ref } from &#39;vue&#39;; import { useI18n } from &#39;vue-i18n&#39;; import CountingDiscrepancy from &#39;./components/CountingDiscrepancy.vue&#39;; import OtherType from &#39;@/views/DCPhysicalArchitecture/GlobalLayout/components/AsideLayout/components/AssetSafetyAside/components/OtherType.vue&#39;; const { t } = useI18n(); const activeName = ref<string>(&#39;inventoryDiscrepancy&#39;); const props = defineProps({ title: String, data: Object, productRole: Object, }); const handelNumber = (num, fixed?: number) => { if (num || num === 0) { return fixed ? `${Number(num).toFixed(fixed)}%` : num; } else { return &#39;--&#39;; } }; </script> <style lang="less" scoped> .container { width: 100%; padding: 0 20px 100px 20px; overflow: hidden; background-color: #fff; border-radius: 10px; :deep(.asset-efficity-tabs) { .el-tabs__item { padding: 0px 4px; } } } .dark { .container { background: #282b33; border: 1px solid rgba(223, 225, 230, 0.1); color: #dfe1e6; :deep(.asset-efficity-tabs) { .el-tabs__item.is-active { color: #715afb; } .el-tabs__item { color: #dfe1e6; &:hover { color: #715afb; } } .el-tabs__active-bar { background: #715afb; } .el-tabs__header { border-bottom-color: #53555c; } .el-tabs__nav-wrap::after { background: #53555c; } } } } </style> 这是AssetTabCar.vue
09-21
你提供的代码是一个基于 **Vue 3 + TypeScript + Element Plus** 的 Vue 单文件组件（SFC），名为 `AssetTabCard.vue`，用于展示一个带有多个标签页的资产信息卡片。每个标签页对应一种资产状态类型（如盘点差异、无...
vue中hook：xxx中的使用（以及vue清除定时器）
wj859548的博客
06-15 469
在vue中可遇到hook：xxx的用法 1.清除定时器 methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 console.log(11111); },1000); this.$once('hook:beforeDestroy',()=>{ clearInterval(timer); timer = null;
VUE常用指令v-xxx
lql_h的博客
10-11 375
概述 在vue中提供一些对于页面+数据的更为方便的操作，这些操作就叫做指令。 譬如在HTML页面中这样使用`<div v-xxx=''></div>` 在vue中v-xxx就是vue的指令 指令就是以数据去驱动DOM行为的,简化DOM操作 常用指令 - v-text 不可解析html标签 - v-html 可解析html标签 - v-if 做元...
【Vue】v-xxx指令全面总结
丧心病狂Loli控的博客
04-13 756
文章目录v-text & v-htmlv-modelv-onv-forv-if & v-showv-bind v-text & v-html 在讲这两个指令之前，先说说我们很熟悉的 插值，再来说说用这两条指令替代插值的好处。 语法: {{插值表达式}} 说明： （1）这是使用Vue实例最简单的方式——花括号内部可以直接使用Vue实例的数据和方法 （2）不管是直接写个js语句，还是调用Vue实例，花括号内部必须有返回值 （3）当网速过慢，数据尚未加载成功时，页面时会显示最原始的花括
Vue-----一，vue基础语法
qq_43336475的博客
05-10 291
一，挂载点 el:"#XXX"相当于绑定这个element 模板：挂载点内部的内容都叫做模板 template:"" 实例：vue根据挂载点el，template,data自动生成内容 插值表达式：｛｛msg｝｝用data中的msg插入html中生成内容 或者用v-html="msg"显示content内的内容 或者v-text="msg"显示转译一遍后content中的内容 二，绑定事件 **v...
vue.js如何在标签属性中插入变量参数
有问题可关注公众号：前端研究院 后台输入问题回复
11-27 4411
html的标签的属性，比如id、class、href需要动态传递参数，拼接字符串，查了一些资料，并没有找到合适的解决方法，琢磨了一上午，终于试出了方法： v-bind:属性=“ ‘字符串’+自定义变量名”，自己试了没问题，有需要的朋友可以借鉴下！ &lt;li class="imgLi" v-for="(item, index) in copyuploadURLs"&gt; &l...
Vue入门
xxxo3oxxx的博客
12-10 591
静态页面 最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。 异步刷新，操作DOM 1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言. 随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，但是依然是以静态为主。 aj...
vue基础（1）：vue的使用步骤及常用指令
CxkBasketball的博客
08-20 418
一.Vue的使用步骤 1.引包 ①在html文件中引入script标签，指定文件 <script type="javascript/text" src="../js/vue.js"></script> ②留坑，留一个vue模板插入的地方，或者是vue代码生效的地方 <div id="app">(坑位)</div> ③实例化vue 启动v...
Vue 局部布局 Layout 内部布局 [el-row]、[el-col]
小楼一夜听春雨，深巷明朝卖杏花
05-13 3416
之前的布局容器是一个整体的框架，layout里面的布局其实就是el-row和el-col的组合。
Element-UI学习之旅-Layout布局
weixin_43387852的博客
04-15 3740
你能获得什么？ 如何安装Element-UI,如何使用Layout布局.
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值