vue
全栈极客小飞
实际工作中的总结,不知道是否能解决你的问题,有问题可以一起讨论,都在努力的路上.加油!!!
展开
-
uniapp中引入vant Weapp
uniapp如何引入vant Weapp原创 2023-01-06 09:43:36 · 1363 阅读 · 1 评论 -
什么是跨域?以及解决方案
什么是跨域?以及解决方案原创 2022-11-04 09:58:42 · 1262 阅读 · 0 评论 -
vue 适配屏幕分辨率,以及屏幕的缩放
在考虑 笔记本 或者 显示器 默认设置125%或者150%缩放,导致布局错乱的解决方法原创 2022-08-26 18:42:09 · 2670 阅读 · 2 评论 -
exsyExcel自定义excel导出多个sheet页面
exsyExcel自定义excel导出多个sheet页面原创 2022-08-02 11:32:23 · 1075 阅读 · 0 评论 -
vue下载excel文件
vue下载excel文件原创 2022-08-02 10:39:04 · 657 阅读 · 0 评论 -
pc前段页面显示实时时间(年-月-日 时:分:秒)
前段显示实时时间:<template> <!-- 页面显示的位置 --> <div> {{time}} </div></template><script> export default { data() { return { //定义全局变量 time: "" } } created() { this.getTime(); } methods: { // 获原创 2022-05-07 17:10:55 · 347 阅读 · 0 评论 -
vue中change事件调用两次
在使用vue时,对文本框、下拉等使用change事件,在change事件中打印日志,始终调用两次,此问题扰了我好久,时长都会想起这个问题,今天终于解决了!!!例如:<!-- 这是我使用报错的代码 -->export default { data() { return { option: { column: [ { label: '采购数量',原创 2022-04-19 15:14:33 · 5999 阅读 · 2 评论 -
修改element ui中form表单的 label 颜色样式
此时,emement ui的form表单的label(年龄二字)是黑色的。原代码:<template> <el-form :model="numberValidateForm" ref="numberValidateForm" label-width="100px" class="demo-ruleForm"> <!-- 年龄字段 --> <el-form-item label="年龄" prop="age" :rules="[原创 2021-09-06 19:02:41 · 21927 阅读 · 1 评论 -
contos7(服务器)部署vue项目 (前后端分离)
1、Vue打包: npm ==> build2、打包成功后会在项目的更目录下生成 dist 文件夹3、将 dist 文件夹上传到 服务器中nginx目录下的html目录中4、配置nginx.conf的页面到Nginx的端口设置成web端口(root html/dist)并且在nginx.conf文件中配置后端接口的反向代理 #后端接口的地址和端口 upstream gateway { server ip地址:8080; } server { l原创 2021-08-02 17:55:36 · 135 阅读 · 0 评论 -
点击按钮改变按钮的颜色,并且页面会根据值,显示对应的颜色(类似开关按钮:开为绿色,关为红色)
根据后端数据设置按钮的颜色, 并且点击按钮改变按钮的颜色(以button为开关按钮为例)首先说明 button 按钮的值是后端数据<!-- 1、item.devicePower是按钮的值[如果是表格的话则按钮的值是(scope.row.对应的值)] 2、这里我的button值是两个值 3、按钮的值 开:on,背景色为green 关:off,背景色为red 字体色或者图标色为white--><el-button :style="{background:[item原创 2021-07-02 16:37:07 · 3324 阅读 · 0 评论 -
vue中实现自定义element ui的dialog自定义拖拽位置
首先在src下面创建"src"下创建文件夹dialog(文件名可以自定义): (目录crc/dialog)然后再此文件下创建 index.js 和 drag.js文件 (直接复制这两个js文件即可)drag.jsexport default { bind(el, binding, vnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.querySelecto原创 2021-07-01 15:23:11 · 849 阅读 · 0 评论 -
在vue实现element ui中的card(卡片中)使用多选和分页
卡片的内容自己定义…vue使用element ui 实现 card(卡片)的 多选 和 分页;vue页面代码:(代码写的不是很完整,有的方法没写,如果需要,自己定义方法以及接口)<template> <basic-container> <el-row :gutter="12" v-loading="loading"> <!-- date遍历循环的数据 --> <el-col :span="6" v-for="i原创 2021-06-30 15:06:23 · 15657 阅读 · 14 评论