![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
wode路
这个作者很懒,什么都没留下…
展开
-
阻止浏览器回退、刷新、关闭页面事件(ember / vue 框架)
以ember框架为例:封装的service:import Service from '@ember/service'import { inject as service } from "@ember/service"import fetch from 'fetch'import { tracked } from '@glimmer/tracking'import { action } from '@ember/object'export default class BrowserEvent原创 2021-12-23 11:12:42 · 4824 阅读 · 1 评论 -
vue 在组件中绑定的监听事件触发多次原因
在mounted生命周期中,使用document.addEventListener("click", event => { console.log("click-listener")})如果组件在父组件中多次引用,会导致多次执行上面这段代码,触发点击事件时也会执行多次。找到执行多次的原因就好解决了...原创 2021-10-11 16:07:05 · 2385 阅读 · 1 评论 -
vue中使用axios发送请求,多种baseURL的配置方法
配置config/dev.env.js:'use strict'const merge = require('webpack-merge');const prodEnv = require('./prod.env');module.exports = merge(prodEnv, { NODE_ENV: '"development"', APP_NAME: '"一体化管理信息平台"', API_ROOT: '"http://xxx.xxx.xxx.xx:xxxx"'});con原创 2020-12-18 09:52:45 · 3567 阅读 · 1 评论 -
动态创建elementUI表格合计行
elementui加上合计行非常简单,在表格组件上,将show-summary设置为true就会在表格尾部展示合计行。定义自己的合计逻辑,使用summary-method并传入一个方法,返回一个数组,这个数组中的各项就会显示在合计行的各列中。<el-table ref="table" show-summary :summary-method="summaryMethod">// 合计行summaryMethod(param) { let that = this; co原创 2020-12-01 14:44:36 · 1788 阅读 · 0 评论 -
vue-cli新建一个项目
sudo npm install -g vue-cli安装vue-cli忘记root的密码了,用sudo passwd root重置了密码000000, wodelu执行步骤一命令,一路yes下去生成项目之后,npm install npm run dev启动即可原创 2020-10-19 20:12:59 · 109 阅读 · 0 评论 -
vue打包时候报错:the request of a dependency is an expression
发现是某一个button定义了click事件,但是click事件没有任何操作造成的,去掉就好了。原创 2020-09-30 09:43:17 · 844 阅读 · 0 评论 -
elementui 表格合计行随着滚动条向下隐藏 解决办法
点击下一步再返回合计行所在页面,就可以正常显示。在页面最外层加上v-loading属性: <div class="table_container" v-loading="loading">在data中定义: data() { return { loadingWrap:true, active: 1, //下一步下标 }}在请求完页面数据接口时:this.$http.get(url).then(res => { this.loadingW原创 2020-09-30 09:41:39 · 355 阅读 · 0 评论 -
vue 控制日期范围选择的后一个日期不能小于前一个日期
效果图:日期选择:<el-form-item label="颁布时间" class="el-form-cell billDataAll"> <div class="el-form-cellcon"> <el-date-picker v-model="searchValue.enactDateBegin" format="yyyy - MM - dd" value-format="yyyy-MM-dd" type="date" @ch原创 2020-09-16 14:52:11 · 1430 阅读 · 0 评论 -
vue(uni-app)报错:Component template should contain exactly one root element.
报错信息如下:代码片段如下:<template> <view class="status_bar"> <view class="top_view"></view> </view> <view class="top_nav"> <text>移动平台</text> </view></template>原因:vue模板只能有一个根对象用一个标签包原创 2020-09-15 23:04:53 · 305 阅读 · 0 评论 -
elementui select 数据回显匹配数据字典不显示label值,显示的是数字
原因就是前后端没有协调好字段类型,前端需要string类型,后端返回了bumber类型,转换一下即可。原创 2020-09-15 13:23:48 · 1673 阅读 · 0 评论 -
elementui 不重新渲染页面,表头和标题数据对不齐问题
如上图所示,只需加一行样式:/* 解决表头和内容不能对齐问题 */.el-table th.gutter{ display: table-cell!important;}原创 2020-07-03 10:17:18 · 568 阅读 · 0 评论 -
VueTreeselect 插件使用
VueTreeselect 地址:https://www.vue-treeselect.cn/使用@select监听树形下拉选中事件:<template slot-scope="scope"> <treeselect v-model="scope.row.departId" @select="departTreeSelected" :disable-branch-nodes="false" :show-count="false" :m原创 2020-06-22 14:31:18 · 4832 阅读 · 0 评论 -
element-ui 控制输入框只可以输入数字
<el-input :readonly="!isWrite" v-model="days" :class="{'global_writeinput' : isWrite}" must='天数' oninput="value=value.replace(/[^\d]/g,'')" ></el-input>其中oninput属性是控制只可以输入数字的。参考文档:https://juejin.im/post/5ce77ebcf265da1b9612de0a...原创 2020-06-19 09:55:06 · 658 阅读 · 0 评论 -
vue+elementUI学习
1. vue监听键盘回车事件:@keyup.enter.native=“search(1)”vue监听键盘回车事件,可写成<input v-on:keyup.enter="submit"> <input @keyup.enter="submit">但是使用了封装组件,比如elementUI,这时候按键修饰符需要加上.native:<el-input v-model="account" placeholder="请输入账号" @keyup.enter.native=原创 2020-06-06 09:41:52 · 173 阅读 · 0 评论 -
项目中组件分类清单
按组件注册方式:分为全局组件和局部组件全局组件基础组件库,即需要频繁用到的组件,需要全局注册。主要有:1.不带业务逻辑的:日期选择器组件(日期范围选择组件,普通日期选择组件)tab切换组件放大镜弹框组件进度条组件2.带业务逻辑的组件流程查看弹框修改记录弹框页面标题部分带数据校验的金额输入框频繁使用的带有数据请求的下拉框局部组件组件使用频率低,组件比较大的时候,注册为局部组件。如:table组件页面组件树形组件侧边栏路由组件其次,根据不同的分类标准,组件还有原创 2020-06-02 22:14:33 · 1463 阅读 · 0 评论 -
vue 项目启动指令
安装npm环境之后执行以下命令:cnpm installnpm run dev报错 A complete log of this run can be found in:解决:删除node_modules文件:rm -rf node_modelues清除缓存:npm cache clean --force重新npm install原创 2020-05-28 09:50:42 · 2754 阅读 · 0 评论 -
vue学习-1:编程范式:命令式开发和声明式开发
命令式编程:<div id="text"></div>var message = "hello world";$("#text").val(message);声明式编程:(vue为例)<div id="text">message</div>const app = new Vue( //传入对象类型参数{ el: '#text', //el属性:用于挂载要管理的元素 data: { //data属性:定义数据 message: "he原创 2020-05-11 12:36:59 · 632 阅读 · 0 评论