
Vue
Solitude_dong
这个作者很懒,什么都没留下…
展开
-
十,人人开源搭建gulimall后台管理系统
原创 2022-02-25 11:02:55 · 266 阅读 · 0 评论 -
echarts设置柱状图x轴滚轮
效果图代码:在option中加入 dataZoom: [ //给x轴设置滚动条 { start: 0, //默认为0 end: endPercent, type: 'slider', show: true, xAxisIndex: [0], handleSize: 0, //滑动条的 左右2个滑动条的大小原创 2021-05-28 17:26:13 · 1392 阅读 · 0 评论 -
echarts柱状图设置颜色渐变
fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [ { //给颜色设置渐变色 前面4个参数,给第一个设置1,第四个设置0 ,就是水平渐变 //给第一个设置0,第四个设置1,就是垂直渐变 offset: 0, color: '#1eb5e5' }, { offset: 1, color: '#5ccbb1' }]),效果图...原创 2021-05-28 17:21:31 · 715 阅读 · 0 评论 -
Vue动态Form表单动态添加对象
Vue动态Form表单动态添加对象实现效果具体实现1.页面<el-card> <div slot="header"> 发送切药指令 </div> <el-row> <el-col :span="12"> <div v-for="(v,i) in SmallPackageAdjustDrugSlotVos"> 槽位编号: <el-input style原创 2021-05-06 15:40:34 · 1430 阅读 · 0 评论 -
Vue实现textarea标签中拼接换行输出文本
实现效果:每个按钮点击时,都会有返回结果,要求全部的结果换行拼接在textarea文本框中显示解决:/**读取*/ readSiemens(dataType) { this.queryParams.dataType = dataType readSiemens(this.queryParams).then(res => { if (res.code === 200) { // += 拼接 \n换行 this.siemensResult +=原创 2021-04-26 17:01:38 · 1471 阅读 · 0 评论 -
Vue中设置输入框内有阴影
需求:在点击输入框时,出现阴影解决:<style>.el-form .el-input__inner { /*输入框椭圆*/ border-radius: 0px; /* box-shadow是设置阴影的 inset:可选值,默认阴影在盒子外,使用inset后,阴影在盒子内*/ box-shadow: inset 0 0 3px #CCC; /* -moz-, -webkit-, -o-这些都是浏览器前缀 Firefox: -moz- Chrome,原创 2021-04-19 14:29:47 · 1467 阅读 · 0 评论 -
vue-cli脚手架学习(一)
1.vue脚手架目录2.工程目录说明⼯程名(不能有⼤写字⺟)|-- node_modules: 存放下载依赖的⽂件夹|-- public: 存放不会变动静态的⽂件,它与src/assets的区别在于,public⽬录中的⽂件不被webpack打包处理,会原样拷贝到dist目录下|-- index.html: 主⻚⾯⽂件|-- favicon.ico: 在浏览器上显示的图标|-- src: 源码⽂件夹|-- assets: 存放组件中的静态资源|-- components: 存放.原创 2020-08-04 22:27:21 · 189 阅读 · 0 评论 -
Webpack学习笔记
一、为什么要使用Webpack?新建一个前端工程,新建(mian.js和bar.js文件)index.html中采用传统引入js文件的方式<script src="./src/main.js"></script>bar.js采用ES6的语法导出一个默认成员,在main.js中导入bar.js中的的匿名函数的打印功能bar.js/* 使用模块化的前端编程思想, 独立的js文件看作一个模块,一个模块只能导出一个默认成员, 可以导出无限制个一般成员原创 2020-08-04 21:45:08 · 153 阅读 · 0 评论 -
Vue路由学习(一)
基本使用步骤下载vue-router插件 npm i vue-router -S在main.js中引入vue-router对象; (function () { new Vue({ el: '#app', /* 替代el管理dom,从而页面上只有根组件<app /> */ template: '<app />', /* 引入路由 */ router, /* 引入组件 */ components: { App, } })})();原创 2020-08-03 17:52:56 · 233 阅读 · 0 评论