首页 > 其他分享 >VUE在Return中定义变量,放在方法中使用

VUE在Return中定义变量,放在方法中使用

时间:2023-04-26 10:13:17浏览次数:40  
标签:mg VUE Return 变量 -- top1 定义

Return中定义CSS变量

在Return 中定义一个比变量

 data () {
    return {
        '--mg_top1':'3vh',
      },
    }

在methods方法使用

this.$el.style.setProperty('--mg_top1', '3.6vh')

 在CSS中使用

 .mg_top{
     margin-top: var(--mg_top1)!important;
 }

 

标签:mg,VUE,Return,变量,--,top1,定义
From: https://www.cnblogs.com/youmingkuang/p/17354804.html

相关文章

  • Vue3 + element-plus使用注意
    1.给组件设置ref="xxx"例如:<el-tableref="tableRef"定义tableRef时,需要注意尽量使用ref()而非ref(null)consttableRef=ref();因为使用ref(null)会得不到$el的相关属性,即undefined例如:表格自适应高度consttableRef=ref();constsetTableHeight=()=>......
  • java成员变量在堆_java的基本类型的成员变量在栈还是堆?
    转、:java成员变量在堆_java的基本类型的成员变量在栈还是堆? 先说结论,放在堆中只要是成员变量,所在的类被实例化,不管是不是基础类型都会放在堆中第一个结论就是错的基本数据类型是放在栈中还是放在堆中,这取决于基本类型声明的位置。第一种:在方法中声明的变量,即该变量是......
  • 类 属性和局部变量的注意点
    属性(成员变量)vs局部变量1.相同点:1.1定义变量的格式:数据类型变量名=变量值1.2先声明,后使用1.3变量都有其对应的作用域2.不同点:2.1在类中声明的位置的不同属性:直接定义在类的一对{}内局部变量:声明在方法内、方法形参、代码块内、构......
  • 【Vue】如何watch v-for中的元素属性值
     如果你想watch一个v-for中的变量,你可以在vue组件的watch对象中创建一个函数,来监听这个变量。假设你有一个数组items,它是一个对象数组,你想要监听每个对象的name属性。那么你可以这样写:<template><divv-for="iteminitems":key="item.id">{{item.name}}</div></tem......
  • vue2项目中调取登录接口登录以后获取个人信息以后,储存在哪里,怎么在不同的页面展示想
    在Vue2项目中,可以将个人信息存储在Vuex状态管理中或者浏览器的本地存储中,具体取决于项目的需求和规模。1.Vuex状态管理在Vuex中定义一个user模块,用于存储用户信息,可以在登录成功后将用户信息存储到该模块中。```javascript//store/user.jsconststate={userInfo:null}......
  • vue 使用Element 的form表单如何校验对象中的对象属性?
    1、校验对象中的对象属性,需要特殊处理下:<templatev-if="form.dataType===0"><el-form-itemlabel="芯片类型"prop="configExtend.schemeVersion"><el-selectv-model="form.configExtend.schemeVersion&quo......
  • vue使用vue-qr生成二维码
    vue-qr基础使用:第一步,先安装vue-qr插件npminstallvue-qr--save第二步,在想要生成vueQr的Vue页面引入组件importvueQrfrom'vue-qr'第三步,在components中引入VueQr组件components:{VueQr}如下:<script>importVueQrfrom'vue-qr';exportdefault{componen......
  • go语言变量类型、常量、函数基础、函数高级
    目录1go语言变量类型2常量3函数基础4函数高级1go语言变量类型#数字#int整数有正负int8int16int32int64 java byteshortintlong -int8一个字节表示(8个比特位)范围:-2的7次方到+2的7次方-1-int162个字节表范围:-2的15次方......
  • React和Vue的区别
    React和Vue是两个非常流行的JavaScript框架,用于构建前端Web应用程序。以下是它们之间的一些区别:模板语法:Vue使用模板语法,它允许您在HTML模板中嵌入Vue代码,类似于AngularJS。React使用JSX语法,它允许您将JavaScript代码嵌入HTML模板中。数据绑定:Vue使用双向数据绑定,这意味着当......
  • vue3+vite自适应PC端
    1、下载包pnpmaddlib-flexible-computerpostcss-px2rempx2rem-loader-D2、在main.ts里引入import"lib-flexible-computer";3、在vite.config.ts写入importpx2remfrom"postcss-px2rem"css:{postcss:{plugins:[px2rem({......