vue
石意
这个作者很懒,什么都没留下…
展开
-
Element-Ui组件 Radio 单选框 修改点击激活时的文本颜色,填充色和边框色
1.修改elementUI中的radio的默认样式 (想要修改elementUI中组件radio的默认样式,改为自定义的文本和填充色,然后使用官方文档中的fill,实践后实现不了....)官网默认样式:想要实现样式:2.在整个代码的最后加入以下代码进行颜色的改变(覆盖原代码)<style lang="less"> // 添加颜色类 .el-radio__input.is-checked + .el-radio__label { ...原创 2020-06-18 16:28:03 · 18768 阅读 · 4 评论 -
vue-element-admin 跨域的问题 https跨域访问不到后台接口,转代理proxy
因为vue的https访问不到后台接口,http可以正常访问,项目需要使用https,所以解决办法,转代理解决跨域问题。npm run serve/dev跑起来的是开发模式,因为是运行的本地服务模拟启动的;npm run build生成的是打包好的文件,用来部署到服务器上运行,所以是生产模式1.修改vue.config.js,增加proxy代理、 //vue-cli3.0 里面的 ...原创 2020-05-07 10:18:52 · 4120 阅读 · 5 评论 -
vue 动态组件
1.动态组件:使用:is在不同组件之间进行动态切换 让多个组件使用同一个挂载点,并动态切换,这就是动态组件。通过 Vue 的 <component> 元素加一个特殊的 :is 特性来实现。2.完整代码 动态标签页<el-tabs v-model="editableTabsValue" type="card" class="recordinfor...原创 2019-09-05 14:41:41 · 424 阅读 · 0 评论 -
elementUI+vue 组件 表格嵌套
一. 表格嵌套 代码段: <el-table :data="tableData5" :row-key="getRowKeys" :expand-row-keys="expands" style="width: 100%"> <el-table-column type="expand">...原创 2019-07-17 10:39:42 · 3747 阅读 · 0 评论 -
vue 拦截器,增加token参数
1.使用请求拦截器,拦截vue所有请求,增加token参数 使用倒数计时,假如token有效期60分钟,会在59分钟的时候去重新拿着refresh_Token,去请求新的token. 注意:如果一个账号允许多人登录使用,上述方法没有问题,但是如果一个账号只允许一人登录,一个地点登录,那上述方法就不那么全面,这时候可以采用使用响应拦截器,拦截状态码进行对应的异常处理,然后判...原创 2019-03-28 16:05:09 · 4511 阅读 · 0 评论 -
vue+element 动态加载数据,checkbox实现全选,不全选
效果图:功能描述: 图中所展示数据,全是从服务器获取的数据动态加载,实现点击全选,不全选,加粗字体为父节点,后面为子节点。数据结构:[ { "children": [ { "children": [ { "inc...原创 2019-03-28 15:55:45 · 3313 阅读 · 0 评论 -
vue+element 键盘回车事件导致页面刷新的问题
问题:input输入框输入内容,按键盘上的回车按钮,会刷新界面 解决方法: 1.如果回车时有方法需要调用,在调用方法的时候加上@keyup.enter.native<el-form-item label="参数标题/id" style="float: left;margin-left: 10px"> <el-i...原创 2019-03-20 14:10:50 · 3718 阅读 · 2 评论 -
vue组件的属性,有的需要加冒号“:”,有的不用?
加冒号的,说明后面的是一个变量或者表达式;没加冒号的后面就是对应的字符串字面量! 例子:<el-radio-group v-model="handle"> <el-radio :label="true">打开</el-radio> <el-radio :labe...原创 2019-01-08 10:46:56 · 6453 阅读 · 0 评论 -
vue 组件的销毁重建
代码:<v-detection :detectionid="detectionid" v-if="hackReset"></v-detection>声明hackReset,利用true或者false实现重建或者销毁代码: this.hackReset = false;//销毁组件 this.$nextTick(() => { ...原创 2018-08-10 15:28:46 · 24010 阅读 · 0 评论 -
vue+ElementUI 刷新后tree树保存节点展开
1.用官网提供的参数定义一个数组,然后点击树节点时,保存下来,存进数据内,刷新后树之前展开的节点就能还是展开的状态。2. this.idArr.push(this.form.parentid);//保存树节点的展开 this.form.parentid是当前点击的节点id,放到idArr里面、 注意:如果保存节点不管用,可以查看Tree是否添加了node-key=...原创 2018-08-10 15:09:38 · 11300 阅读 · 6 评论