前端方面
文章平均质量分 78
默默J
正在认认真真的过完充满意外的一辈子。。。
展开
-
Layer与select连用,组件会失效
今天需要在一个弹窗里面新添加一个编辑按钮,点击按钮,在另外一个单床里面出现一个页面,中间需要一个selext下拉框。由于之前的弹窗在Layer组件里面,所以我就跟着添加一个按钮,如下: function onlySelect() { layer.open({ type: 2, area: ['500px', '400px'],...原创 2019-11-12 14:34:53 · 1727 阅读 · 0 评论 -
JS中的json对象循环,以动态select为例
要写一个省市级联的功能,后台接口已经实现,需要前端一个动态select,借此机会,了解了一下JS中json对象的循环,发现有几处需要注意的地方,特意记录分享。一、JS中for in 循环<select lay-ignore id="province"> </select><script>var provinceList = [ ...原创 2019-11-12 11:56:31 · 1389 阅读 · 0 评论 -
element-ui中点击按钮,弹出对话框,并使用父子组件传参的形式关闭对话框
今天的需求是,使用element-ui插件编写页面,点击按钮,弹出对话框,并使用父子组件传参的形式关闭对话框。一、点击按钮,出现对话框描述三个按钮:<el-row class="padding-10-0"> <el-button size="small" @click="showDialog()">组合工程</el-button>...原创 2019-04-10 11:45:18 · 22234 阅读 · 2 评论 -
VUE优化使用属性进行父子传参【进行自我刷新】
记录一个今天的需求:点击子组件中修改按钮之后,父组件中的数据更新描述思路:1、在子组件中设置方法,操作自身刷新;2、子组件在调用父组件方法时,会调用父组件中的显示隐藏属性,隐藏自己3、该属性在父组件中的设置应该和隐藏子组件的方法联系在一起一、最基本写法(1)、设置控制属性 setTimestamp在控制页面转换的文件目录下mutation-type.js中设置...原创 2019-04-12 19:08:58 · 1026 阅读 · 1 评论 -
element-ui中el-container容器与div布局区分
用于布局的容器组件,方便快速搭建页面的基本结构:el-container:外层容器。当子元素中包含 或 时,全部子元素会垂直上下排列,否则会水平左右排列。el-header:顶栏容器。el-aside:侧边栏容器。el-main:主要区域容器。el-footer:底栏容器。以上组件采用了 flex 布局,elemen-ui官方文档链接:http://element-cn.elem...原创 2019-04-09 18:03:29 · 93402 阅读 · 13 评论 -
element-ui中select选择器怎么获取更换的数据
选择器的使用一般分为在表格中和表格外两种方式,本文主要内容为element-ui组件下el-select控件的使用。两种情况下选择器的效果展示 el-select选择器基本写法 更换数据的参数传递【重点】一、两种情况效果展示1、在表格中:2、在表格外:二、代码基本写法1、表格中<el-table-column prop="costSubjectD...原创 2019-06-14 21:19:43 · 10174 阅读 · 0 评论 -
element-ui上传按钮与普通按钮放置在一行
element-ui组件中,文件上传按钮是由el-upload控制的,普通的按钮是el-button,在使用时,如果不加以修饰,往往会分两行的形式存在,如图:代码如下: <el-row class="padding-10-0"> <el-upload :on-success="handleSuccess" :show-file-lis...原创 2019-06-12 13:41:45 · 21510 阅读 · 12 评论 -
从零开始搭建VUE项目
一、node.js的下载安装介绍:vue项目运行的一个环境下载:https://nodejs.org/en/download/测试:npm -v成功标志:二、VUE学习【实战】(1)新建步骤:1 .打开idea,新建项目Create New Project > Static Web>填写project name和选择保存的工作空间>Finish...转载 2019-07-04 12:07:35 · 463 阅读 · 0 评论