![](https://img-blog.csdnimg.cn/20190918140129601.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue
天天加班写代码
这个作者很懒,什么都没留下…
展开
-
vue中this.$set()用法
vue中this.$set()用法原创 2024-07-20 17:18:04 · 27 阅读 · 0 评论 -
iview Element组件的@on-change方法保留默认参数,传递自定义参数
iview Element组件的@on-change方法保留默认参数,传递自定义参数原创 2023-02-07 22:26:31 · 675 阅读 · 0 评论 -
解决vue2设置cross-env设置环境变量不起作用问题
解决vue2设置cross-env设置环境变量不起作用问题原创 2023-10-12 23:09:17 · 1390 阅读 · 0 评论 -
nvm切换版本不生效
nvm切换版本不生效原创 2023-02-14 23:21:09 · 934 阅读 · 0 评论 -
vue打包时候出现 UglifyJs Unexpected token: punc
vue打包时候出现 UglifyJs Unexpected token: punc原创 2023-01-02 22:43:48 · 468 阅读 · 0 评论 -
vue打包时报错Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of memory
vue输入npm run build打包命令时,报错Ineffective mark-compacts near heap limit Allocation failed-JavaScript heap out of memory原创 2023-01-02 22:30:44 · 677 阅读 · 0 评论 -
vuex实现异步存储数据
vuex实现异步存储数据原创 2022-10-05 15:37:04 · 824 阅读 · 0 评论 -
el-table实现行编辑
el-table实现行编辑原创 2022-07-28 23:28:24 · 2574 阅读 · 0 评论 -
el-table拖动列记住宽度
el-table拖动列记住宽度原创 2022-07-28 23:18:27 · 1463 阅读 · 0 评论 -
el-table实现单选列
el-table实现单选列原创 2022-07-28 23:12:16 · 431 阅读 · 0 评论 -
element的$alert弹出提示框和$confirm确认框
$alert和$confirm原创 2022-07-28 23:09:38 · 4989 阅读 · 0 评论 -
el-table单元格不自动换行
el-table单元格不自动换行。原创 2022-07-28 22:28:56 · 1736 阅读 · 0 评论 -
el-table自定义行高
el-table自定义行高原创 2022-07-28 22:21:52 · 951 阅读 · 0 评论 -
el-table增加序号列
el-table增加序号列原创 2022-07-28 21:59:08 · 5607 阅读 · 0 评论 -
Vue父组件网络请求回数据后再给子组件传值
diaLogKey默认是空字符串,父组件在created()里面通过接口返回diaLogKey,但是此时子组件已经渲染完毕,并没有拿到父组件接口返回的diaLogKey。通过给父组件添加一个v-if="diaLogKey"判断 diaLogKey有值时,再渲染子组件。 <ab-cust-dialog style="text-align: right; display: inline-block" class=" weui-btn weu原创 2022-03-16 23:40:14 · 1745 阅读 · 0 评论 -
element pagination表格分页居中显示
pagination表格分页默认是显示在最右边,如果需要居中显示,需要修改.el-pagination的样式,为了不造成全局污染,单据加一个style标签来修改第三方组件样式,代码如下:<style>/* 为了不造成样式污染,单据加一个style标签来修改第三方组件样式,pagination表格分页整体居中,上边距20px */.el-pagination{ text-align:center; margin-top:20px;} </style>...原创 2022-01-05 08:07:16 · 5285 阅读 · 1 评论 -
element el-table表格高度自适应
我们在使用el-table表格控件时,给el-table标签一个固定的高度,不同的电脑打开界面,表格高度不能自适应。表格高度需要自适应的话,可以给el-table标签绑定一个值tableHeight<el-table :data="tableData" highlight-current-row @row-click="rowClick" :height="tableHeight">computed里面,通过window.innerHeight得到屏幕高度,减去过滤条件的高度,返回表格高原创 2022-01-05 07:57:15 · 3803 阅读 · 0 评论 -
element表格分页Pagination
今天优化界面学习了表格分页控件,分页的话尽量还是后端来分页,前端只需要通过方法来查询第几页就可以了。例如:后端接口需要我们传page和pageSize,page是第几页,pageSize是每页显示几条数据。代码示例:@size-change返回每页条数@current-change返回当前页current-page当前页数total总条目数page-sizes每页显示条数选项page-size每页显示条目个数layout组件布局,子组件名用逗号分隔 <el-pagination原创 2022-01-04 23:34:21 · 1017 阅读 · 0 评论 -
vue vant组件库修改样式
手机端项目中,用到了View-UI组件库,但是View-UI的级联选择器cascader控件无法满足底部弹出的需求,所以改用vant组件库搭配 Field 和 Popup 组件使用cascader控件。示例https://vant-contrib.gitee.io/vant/#/zh-CN/cascader#dai-ma-yan-shi但是项目中原有的Input输入框都是用的View-UI,都是带边框的,为了和原有项目的输入框样式保持一致,需要修改vant组件库Field输入框的样式通过点击控件栏,原创 2022-01-02 16:05:31 · 3304 阅读 · 0 评论 -
element navmenu侧边栏动态切换iframe标签
通过element navment侧边栏组件,@select事件获取选中的index,方法里面根据index不用,切换iframe的src路径,实现导航的效果。标签 <div class = "top"> <el-menu @select = "getIndex" @open="handleOpen" @close="handleClose" :collapse="isCollapse" >原创 2021-12-17 08:25:28 · 701 阅读 · 0 评论 -
iframe标签宽高自适应
转载地址:https://www.cnblogs.com/IvanMeng/p/12834657.html </div> <iframe src="http://192.168.183.205:8075/WebReport/ReportServer?formlet=aqsk/jiashicangNew/fxtj.frm" frameborder="0" scrolling="no" id="bdIframe转载 2021-12-17 08:14:29 · 361 阅读 · 0 评论 -
修改el-transfer穿梭框的宽度
el-transfer穿梭框默认的宽度是200px,我们在可以通过修改样式来增加穿梭框的宽度,找到node_modules\element-ui\lib\theme-chalk\index.css 搜索el-transfer-panel 修改width的值即可。外面绿色的框,我用的是el-diallog对话框,调整el-dialog对话框宽度的话, 只需要在el-dialig标签中修改width的百分比即可。...原创 2021-12-08 22:43:59 · 8084 阅读 · 6 评论 -
vue实现路由跳转缓存当前界面数据
vue实现路由跳转缓存当前界面数据1.在APP.vue中,添加标签<keep-alive> <router-view /></keep-alive>APP.vue找不到的话,可以通过快捷键ctrl+p,打开搜索界面输入APP.vue进行搜索。App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。...原创 2021-11-22 11:53:28 · 1310 阅读 · 0 评论 -
vue $router 路由传参的3种方法详解(转载)
第一种:使用router的name属性也就是params来传递参数这个方法有一个bug就是当你传参过去的时候,再次刷新页面时参数就会丢失。解决方法下边会说到。step:1,首先需要在router/index.js里边配置每个页面的路径,name属性,看例子:import Vue from 'vue'import Router from 'vue-router'const _import = require('./_import_' + process.env.NODE_ENV)Vue.use(R转载 2021-11-19 22:45:35 · 3776 阅读 · 0 评论 -
element el-select通过ref获取value和label值
element el-select通过ref获取value和label值1.给el-select 加上ref<el-select ref="systemType" v-model="selectValue" filterable clearable placeholder="请选择系统类别" >2.methods方法中,通过this.$refs获取原创 2021-10-16 13:20:23 · 4914 阅读 · 3 评论 -
vue事件绑定-参数传递
vue事件绑定-参数传递事件绑定-参数传递1.如果事件直接绑定函数名称,那么默认会传递事件对象作为事件函数的第一个参数,参考handle1函数。2.如果事件绑定函数调用,那么事件对象必须作为最后一个参数显示传递,并且事件对象的名称必须是$event ,参考handle2函数。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equi原创 2021-09-28 22:49:04 · 1755 阅读 · 0 评论 -
vue中this指向问题
vue中this指向问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-09-23 23:08:12 · 137 阅读 · 0 评论 -
vue事件绑定@click
vue事件绑定@click事件绑定1.Vue如果处理事件?v-on指令用法<input type= 'button' v-on:click = 'num++'/>v-on简写形式<input type = 'button' @click = 'num++' />2.事件调用函数方式直接绑定函数名称<button v-on:click='say'>Hello</button>调用函数<button v-on:cl原创 2021-09-17 22:34:41 · 8721 阅读 · 0 评论 -
v-model指令(双向数据绑定)
v-model双向数据绑定1.用户修改表单输入域中的内容,会影响数据。2.数据内容变化,也会影响页面中数据绑定内容的变化。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=原创 2021-09-16 23:01:40 · 56 阅读 · 0 评论 -
v-once指令
v-once指令v-once只编译一次,显示内容之后不在具有响应式功能,可以提高性能。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width原创 2021-09-16 22:44:29 · 217 阅读 · 0 评论 -
vue之Hello Vue练习
vue之Hello Vue练习Vue的基本使用步骤1.需要提供标签用于填充数据2.引入Vue.js库文件3.可以使用vue的语法做功能了4.把Vue提供的数据填充到标签里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m原创 2021-09-16 21:30:53 · 91 阅读 · 0 评论 -
Vue学习知识
vue组件有的写成export default,有什么用?答:声明一个vue,相当于 new Vue({})达到可复用的目的,也就是说,export default 相当于导出当前vue组件,在其它引入当前组件时可以使用当前组件中的方法和变量。data()是什么意思答:起到局部变量的作用。也就是说,这个data()中return的变量和方法只限于当前声明此data()的组件使用。如果全局vue有个变量叫 user,当前组件也有个变量叫user,那vue里面的到底用哪个?所以data()就起到了变量隔转载 2021-09-14 12:50:13 · 47 阅读 · 0 评论