vue引入外部js数据
2023-09-11 14:17:22 时间
import { inputComponents, selectComponents, layoutComponents, formConf } from '@/components/generator/config' data() { return { inputComponents, leftComponents: [ { title: '输入型组件', list: inputComponents }, } }
// 输入型组件 【左面板】 export const inputComponents = [ { // 组件的自定义配置 __config__: { label: '单行文本', labelWidth: null, showLabel: true, changeTag: true, tag: 'el-input', tagIcon: 'input', defaultValue: undefined, required: true, layout: 'colFormItem', span: 24, document: 'https://element.eleme.cn/#/zh-CN/component/input', // 正则校验规则 regList: [] }, // 组件的插槽属性 __slot__: { prepend: '', append: '' }, // 其余的为可直接写在组件标签上的属性 placeholder: '请输入', style: { width: '100%' }, clearable: true, 'prefix-icon': '', 'suffix-icon': '', maxlength: null, 'show-word-limit': false, readonly: false, disabled: false }, { __config__: { label: '多行文本', labelWidth: null, showLabel: true, tag: 'el-input', tagIcon: 'textarea', defaultValue: undefined, required: true, layout: 'colFormItem', span: 24, regList: [], changeTag: true, document: 'https://element.eleme.cn/#/zh-CN/component/input' }, type: 'textarea', placeholder: '请输入', autosize: { minRows: 4, maxRows: 4 }, style: { width: '100%' }, maxlength: null, 'show-word-limit': false, readonly: false, disabled: false }, { __config__: { label: '密码', showLabel: true, labelWidth: null, changeTag: true, tag: 'el-input', tagIcon: 'password', defaultValue: undefined, layout: 'colFormItem', span: 24, required: true, regList: [], document: 'https://element.eleme.cn/#/zh-CN/component/input' }, __slot__: { prepend: '', append: '' }, placeholder: '请输入', 'show-password': true, style: { width: '100%' }, clearable: true, 'prefix-icon': '', 'suffix-icon': '', maxlength: null, 'show-word-limit': false, readonly: false, disabled: false }, { __config__: { label: '计数器', showLabel: true, changeTag: true, labelWidth: null, tag: 'el-input-number', tagIcon: 'number', defaultValue: undefined, span: 24, layout: 'colFormItem', required: true, regList: [], document: 'https://element.eleme.cn/#/zh-CN/component/input-number' }, placeholder: '', min: undefined, max: undefined, step: 1, 'step-strictly': false, precision: undefined, 'controls-position': '', disabled: false }, { __config__: { label: '编辑器', showLabel: true, changeTag: true, labelWidth: null, tag: 'tinymce', tagIcon: 'rich-text', defaultValue: null, span: 24, layout: 'colFormItem', required: true, regList: [], document: 'http://tinymce.ax-z.cn' }, placeholder: '请输入', height: 300, // 编辑器高度 branding: false // 隐藏右下角品牌烙印 } ]
相关文章
- vue中 表头 th 合并单元格,且表格列数不定的动态渲染方法
- 使用 Vuex + Vue.js 构建单页应用
- JS框架_(JQuery.js)圆形多选菜单选项
- JS框架_(Vue.js)带有星期日期的数字时钟
- vue typescript .eslintrc.js
- 解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题
- [Vue @Component] Pass Props to Vue Functional Templates
- [Vue @Component] Define Props on a Vue Class with vue-property-decorator
- [Nuxt] Setup a "Hello World" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt
- vue.js 3.0.5:用vue-i18n开发i18n国际化功能(vue-i18n@9.2.0)
- 使用vue搭建应用三引入scss
- Easy Mock以及Vue+Mock.js模拟数据
- [Vue-rx] Watch Vue.js v-models as Observable with $watchAsObservable and RxJS
- [Vue] Conditionally Render DOM Elements in Vue.js (v-if v-else v-show)
- springboot+vue实现前后端分离之前端vue部分(spring boot 2.5.4/vue.js 3.2.4)
- vue指令:绑定样式:style
- 关于购物车添加按钮的动画(vue.js)
- JS:crypto-js模块实现数据加密解密
- vue-cli生成的项目配置开发和生产环境不同的接口
- 104:vue+openlayers 配置Icon和text的参数( 代码示例 )
- 【JS高级】js面向对象三大特性之多态_07
- 原生js实现随机验证码HTMl-JS
- 前端必备技能知识:JS导出Blob流文件为Excel表格、Vue.js使用Blob的方式实现excel表格的下载(流文件下载)
- 基于Java+SpringBoot+Vue前后端分离博客系统设计与实现
- 基于Java+SpringBoot+Vue企业资源规划系统设计与实现
- Vue.js 循环语句
- Vue:第一个vue-cli项目