首页 > 其他分享 >Avue记(一)

Avue记(一)

时间:2022-12-06 09:36:38浏览次数:40  
标签:return val label new true Avue

(1)   Avue option可直接调用组件component属性

    --子组件接收参为str  

{
      label: '模板内容',
      prop: 'content',
      type: 'textarea',
      span: 24,
      hide: true,
      component: 'Editors',
      key: 'new Date().getTime()',
      rules: [{
        required: true,
        message: '请输入模板内容',
        trigger: 'blur'
      }]
},

 

(2)    dicUrl字典调用

        --formatter方法,return返回data。也可自定义内容

{
  label: '新数据',
  prop: 'new',
  html: true,
  formatter: (val) => {
    if (val.old !== val.new) {
      return '<b style="color:red">' + val.new + '</b>'
    } else {
      return val.new
    }
  }
}

 

标签:return,val,label,new,true,Avue
From: https://www.cnblogs.com/hged/p/16954263.html

相关文章

  • 前端-Avue属性解释
    Avue属性<template><!--基础组件--><basic-container><!--<el-button@click='exportHandle'>导出</el-button>--><avue-crud设置表格属性......
  • avue框架 拼接后端返回的数据到table中
    根据要求展示下列详细地址情况: 后端返回的数据:  具体实现步骤:  {label:"详细地址",prop:"buildingName",display:false,width:130,......
  • avue-data使用记录
    1、大屏需要在bladeX框架里使用,是vue项目,avue-data生成的是html,愣转成vue代码没有成功解决:转为跳转至html文件中,文件存放在public文件夹下.vue文件中直接跳转文件存放......
  • vue中如何使用Avue(详细过程加实际案例)
    在新项目中用到一个新的小玩意、还挺不错的、立马安装使用到自己的项目中。哈哈哈1、使用Avue的原因在项目中遇到通过点击加号实现输入框的增加、以及对该输入框的输入......
  • Avue 常见问题 (工作总结)
    vaildData验证对象验证是否为空的任何类型数据,为空择取默认的设置值varobj={}console.log(this.vaildData(obj,'默认值'))//默认值console.log(this.vaildD......
  • 解决vue使用el-dialog中组件只有第一次执行avue-crud初始话查询方法的问题
    解决方式:在el-dialog标签中加入v-if='dialogVisible',dialogVisible是控制打开el-dialog弹窗的标志<el-dialog:visible.sync="dialogVisible":ap......