美文网首页
【Vue3+ElementPlus】动态设置属性

【Vue3+ElementPlus】动态设置属性

作者: MasonChan | 来源:发表于2023-03-12 00:09 被阅读0次
<script lang="ts" setup>

import { ref } from 'vue'
import { Refresh } from '@element-plus/icons-vue'

const maxTokens = 800
const placeHolder = "单次最多输入 " + maxTokens + " 字"
let loading = ref(false)
const fromText = ref("")
</script>

<template>

    <el-input v-model="fromText" type="textarea" :autosize="{ minRows: 25, maxRows: 25 }"
          :maxlength="maxTokens" required="true" :placeholder="placeHolder" />

    <el-button type="primary" @click="resetDefaultLang" :loading="false" >
            <el-icon>
              <Refresh />
            </el-icon>
            默认语言
    </el-button>

</template>

以下属性,需要在前面加上冒号,才能引用在 <script> 里面定义的内容:

  • maxlength
  • placeholder
  • loading

以下属性,需要在前面加上冒号,才能使得 {} 里面的属性生效:

  • autosize

相关文章

  • iOS之KVC与KVO

    KVC: kvc:Key Value Coding,即键值编码,可以动态设置的对象的属性值。 动态设置设置属性,优...

  • bpmn文件的相关操作

    流程属性 userTask属性设置 activiti:assignee="${assignee0}" 动态绑定a...

  • 微信小程序radio组件注意点

    动态设置radio属性checked的值(也就是实现动态存储radio的值),设置this.setData({ch...

  • Android 动态设置属性

    LinearLayout.LayoutParams lp =newLinearLayout.LayoutParam...

  • Android 动态设置属性

    LinearLayout.LayoutParams lp =newLinearLayout.LayoutParam...

  • KVC与KVO

    KVC-键值编码(Key Value Coding) 动态设置:setValue:属性值 forKey:属性名(用...

  • JS弹幕实现

    实现原理 1、设置展示弹幕元素位置属性为relative2、动态创建弹幕元素,位置属性设置absolute,lef...

  • 运行时运用

    一 , 设置关联属性 分类中设置属性进行关联判断(其中SDWebimage中用到过) 二, 运行时动态调用方法(...

  • 2018-08-10 完成angular模态框组件

    1、设置标题 标题和头部模板不能同时出现。使用@INPUT设置一个输入属性作为组件的属性可以动态绑定。 2、设置头...

  • KVC简单介绍(字典转模型,模型转字典)

    // KVC 是 cocoa 的大招!间接给对象属性设置数值 // 程序执行过程中,动态给对象属性设置数值,不关心...

网友评论

      本文标题:【Vue3+ElementPlus】动态设置属性

      本文链接:https://www.haomeiwen.com/subject/lwmxrdtx.html