百度创意产品网站,html网页设计代码购物网站,好玩的网页,湖南网页制作第047个 查看专栏目录: VUE ------ element UI 专栏目标
在vue和element UI联合技术栈的操控下#xff0c;本专栏提供行之有效的源代码示例和信息点介绍#xff0c;做到灵活运用。 #xff08;1#xff09;提供vue2的一些基本操作#xff1a;安装、引用#xff0c;模板使… 第047个 查看专栏目录: VUE ------ element UI 专栏目标
在vue和element UI联合技术栈的操控下本专栏提供行之有效的源代码示例和信息点介绍做到灵活运用。 1提供vue2的一些基本操作安装、引用模板使用computedwatch生命周期(beforeCreatecreated,beforeMountmounted, beforeUpdateupdated, beforeDestroydestroyedactivateddeactivatederrorCapturedcomponents)、 $root , $parent , $children , $slots , $refs , props, $emit , eventbus ,provide / inject, Vue.observable, $listeners, $attrs, $nextTick , v-for, v-if, v-else,v-else-ifv-onv-prev-cloakv-oncev-model v-html, v-text, keep-aliveslot-scope filters, v-bind.stop, .native, directivesmixinrender国际化Vue Router等 2提供element UI的经典操作安装引用国际化el-rowel-colel-buttonel-linkel-radioel-checkbox el-inputel-select, el-cascader, el-input-number, el-switch,el-slider, el-time-picker, el-date-picker, el-upload, el-rate, el-color-picker, el-transfer, el-form, el-table, el-tree, el-pagination,el-badge,el-avatar,el-skeleton, el-empty, el-descriptions, el-result, el-statistic, el-alert, v-loading, $message, $alert, $prompt, $confirm , $notify, el-breadcrumb, el-page-header,el-tabs ,el-dropdown,el-steps,el-dialog, el-tooltip, el-popover, el-popconfirm, el-card, el-carousel, el-collapse, el-timeline, el-divider, el-calendar, el-image, el-backtopv-infinite-scroll el-drawer等 本文章目录 专栏目标应用场景示例效果示例源代码共173行 应用场景
vue项目中如何将英文字母大小写在线转换呢其实很简单利用toUpperCase() 和toLowerCase()将字符串转换为大写和小写。
示例效果 示例源代码共173行
/*
* Author: 大剑师兰特xiaozhuanlan还是大剑师兰特CSDN
* 此源代码版权归大剑师兰特所有可供学习或商业项目中借鉴未经授权不得重复地发表到博客、论坛问答git等公共空间或网站中。
* Email: 2909222303qq.com
* weixin: gis-dajianshi
* First published in CSDN
* First published time: 2023-12-16
*/templatediv classdjs-boxdiv classtopBoxh3vue示例英文字母网址大小写在线转换 /h3div大剑师兰特, 还是大剑师兰特gis-dajianshi/div/divdiv classdajianshiel-input typetextarea :rows10 v-modeltextdata stylefont-size: 18px;/el-input/divh4el-button typesuccess sizesmall clickconvert(xx)转成小写/el-buttonel-button typeprimary sizesmall clickconvert(dx)转成大写/el-buttonel-button typedanger sizesmall clickclear()清除内容/el-button/h4/div
/templatescriptexport default {data() {return {textdata:Dajianshi OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as the FreeBSD).,}},mounted() {},methods: {clear(){this.textdata;},convert(x){if(xxx){this.textdatathis.textdata.toLowerCase()}if(xdx){this.textdatathis.textdata.toUpperCase()}},}}
/script
style scoped.djs-box {width: 900px;height: 580px;margin: 50px auto;border: 1px solid seagreen;}.topBox {margin: 0 auto 0px;padding: 10px 0 20px;background: #666;color: #fff;}.dajianshi{width: 90%;height: 300px; margin: 50px auto 0;}
/style
