![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
new-lijiabin
看到我在玩请叫我去敲代码
展开
-
对象的key值进行排序(js)
对象的key值进行排序(js)原创 2023-03-02 16:14:23 · 820 阅读 · 0 评论 -
对象转换为序列化字符串
对象转换为序列化字符串原创 2023-03-02 16:13:20 · 88 阅读 · 0 评论 -
DOMException: Failed to execute ‘insertBefore‘ on ‘Node‘多个路由由跳转到同一个页面,在页面中created方法只会执行第一次,后面在进行跳转不会
DOMException: Failed to execute 'insertBefore' on 'Node'多个路由由跳转到同一个页面,在页面中created方法只会执行第一次,后面在进行跳转不会原创 2022-09-23 09:09:27 · 1229 阅读 · 0 评论 -
修改elementUI源码并发布到npm上
修改elementUI源码并发布到npm上原创 2022-04-25 17:54:47 · 910 阅读 · 0 评论 -
fastadmin和vue跨域
用的最新版本Fa,能很方便的解决浏览器跨域问题找到application/config.phpfastadmin的配置cors_request_domain加入你的域名就好了原创 2021-01-02 01:11:36 · 928 阅读 · 0 评论 -
搭建vue框架项目遇到的问题和过程
https://jspang.com/detailed?id=26#toc28(技术胖)我们用vue init命令来初始化项目,具体看一下这条命令的使用方法。$ vue init <template-name> <project-name>init:表示我要用vue-cli来初始化项目<template-name>:表示模板名称,vue-cli官方为我们提供了5种模板, webpack-一个全面的webpack+vue-loader的模板,功能包.原创 2020-07-01 15:52:26 · 611 阅读 · 1 评论 -
vue转化时间
<el-table-column label="活动开始时间" width="160"> <template slot-scope="scope">{{scope.row.meetStartTime|datefmt('YYYY-MM-DD')}}</template> ...原创 2020-04-26 17:46:26 · 168 阅读 · 0 评论 -
vue对接百度富文本时回显详情是内容包含空格会显示&nbsp;
let reg = new RegExp('&nbsp;', 'g')// g代表全部 if (res.data) { res.data.content = content.replace(reg, '\u3000')}将内容的&nbsp; 替换成'\u3000'原创 2020-04-23 14:14:32 · 1702 阅读 · 1 评论 -
使用 calc() 函数计算 <div> 元素的宽度:
#div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid black; background-color: yellow; padding: 5px; text-align: center;}原创 2020-04-20 17:50:47 · 728 阅读 · 0 评论 -
vue new一个表单对象
/*** 上传附件请求方法*/ imgUpload_data (files) { let areaId = sessionStorage.getItem('areaId') || '' let param = new FormData() param.append('module', 'materiainfoFile') par...原创 2020-04-20 13:53:22 · 1309 阅读 · 0 评论 -
ELementUI select多选下拉框获取选中项的全部属性
<template> <el-select v-model="value1" multiple placeholder="请选择">//multiple 多选,去掉就是单选 <el-option v-for="item in options" //循环添加下拉选项,options数据源遍历对象,item数据源中的元素 :key=...原创 2020-03-27 14:12:59 · 9691 阅读 · 3 评论 -
element-UI级联选择器(Cascader)获取label值 ,this.$refs['新组件名'].currentLabels 在2.7版本给移除了,新的解决方法。
效果图预览:代码参考如下:<el-cascader ref="cascaderAddr" :options="addressOptions" change-on-select v-model="form.areaCode" @blur="handleAddressFun"></el-cascader><script>const ...原创 2019-07-26 17:07:43 · 15293 阅读 · 8 评论 -
vue自定义指令, 获取不到el parentNode
https://cn.vuejs.org/v2/guide...、inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)试试把 bind 改为 inserted原创 2019-07-15 19:37:10 · 4501 阅读 · 3 评论 -
JS中如何循环遍历 array.foreach() 和 array.map() 的用法
<script type="text/javascript"> var person_charge = {$person_charge|default=[]}; $(function(){ for(var i=0,len=person_charge.length;i < len;i++){ $('#storeId'...原创 2019-01-15 14:25:40 · 729 阅读 · 0 评论 -
Vue / keep-alive
keep-alivekeep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面渲染完毕后不会被渲染成一个DOM元素<keep-alive> <loading></loading></keep-laive>当组件在keep-alive内被切换时组件的activated、de...转载 2019-07-09 10:42:26 · 111 阅读 · 0 评论 -
解决vue-cli脚手架访问出现“Invalid Host header”
在使用vue-cli脚手架创建项目之后,如果通过内网映射把项目放到公网上去访问的时候会出现“Invalid Host header”的错误。这个是因为webpack为了安全而设计的,如果你不会webpack也没有关系。vue-cli很贴心的提供了一些配置,可以很快速的解决这个问题。这里我们可以参考:https://cli.vuejs.org/config/#vue-config-js我...原创 2019-04-22 15:19:37 · 3149 阅读 · 2 评论 -
windows 下能不能同时运行两个vue项目
在package.json的scripts.dev改下port就可以了,我把host也改成 wifi 的ip地址,这样可以在手机端访问 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.1.3 --po...原创 2019-04-27 10:38:40 · 3060 阅读 · 0 评论 -
vue 背景图片 backgroundImage background-image vue的style方式绑定行内样式-background-image的方式等~
<template> <div id="app"> <div class="y_bj" :style="y_bj"></div> </div></template><script>import { Toast } from "vant";export default { data() ...原创 2019-04-27 15:49:27 · 6507 阅读 · 0 评论 -
可能是把Docker的概念讲的最清楚的一篇文章
Docker是世界领先的软件容器平台,所以想要搞懂Docker的概念我们必须先从容器开始说起。先从认识容器开始什么是容器?先来看看容器较为官方的解释:一句话概括容器:容器就是将软件打包成标准化单元,以用于开发、交付和部署。容器镜像是轻量的、可执行的独立软件包 ,包含软件运行所需的所有内容:代码、运行时环境、系统工具、系统库和设置。 容器化软件适用于基于Linux和Windows...原创 2019-04-24 08:58:38 · 114 阅读 · 0 评论 -
vue中点击按钮,添加和删除一排输入框
<div> <el-button @click="addExperienceData">添加经历信息</el-button> <el-table :data="experienceData"> ...原创 2019-06-10 11:35:27 · 12182 阅读 · 4 评论 -
vue element-ui 第一次打开无法获取dialog里的元素 Dialog 对话框 open Dialog 打开的回调
Dialog 的内容是懒渲染的,即在第一次被打开之前,传入的默认 slot 不会被渲染到 DOM 上。因此,如果需要执行 DOM 操作,或通过ref获取相应组件,请在open事件回调中进行。最近才接触到vue和element.ui,发现element.ui里的dialog有一个问题不知道该怎么解决。1、例如我在dialog里写了一个表单组件,给表单组件设置了ref为form,在...原创 2019-06-21 12:58:47 · 13273 阅读 · 8 评论 -
element表格组件错位的问题
解决方案/* 修改element表头错位的问题 */ body .el-table th.gutter{ display: table-cell!important; } body .el-table colgroup.gutter{ display: table-cell!important; } .el-table .warni...原创 2019-06-21 15:25:23 · 2480 阅读 · 0 评论 -
在el-table中使用el-popover,没法点击确定或取消来关闭
事情的经过是这样婶的,肖哥最近接到产品的一个需求,见下图在一个table里边点击解绑前端账号,左边弹出一个浮框,浮框里边需要两个操作按钮,肖哥根据以往丰富的写代码(搬砖)经验,熟练地打开element官方文档,把popover的代码熟练的搬了过来,三下五除二略加修改,本以为万事大吉,结果却是大相径庭。官方文档中的popover只是针对的单个的情况,像table这种循环渲染popover的情况如...原创 2019-06-17 16:08:41 · 9382 阅读 · 8 评论 -
vue设置请求头报 Request header field xfilesize is not allowed by Access-Control-Allow-Headers
import axios from 'axios'import Qs from 'qs'const baseURL = 'http://test.dc.cszysoft.com:8089'const Evaluation = 'http://test.dc.cszysoft.com:19417'axios.defaults.baseURL = baseURLaxios.defaul...原创 2019-06-25 17:04:11 · 6020 阅读 · 0 评论 -
vue 字符串、数组之间的相互转换
1、字符串转数组vue 字符串、数组之间的相互转换str.split(';'); //以分号拆分字符串2、数组转字符串arr.join(';'); //把数组项拼接成字符串,并以分号隔开。默认情况下是以逗号隔开如果我的内容对你有帮助,欢迎投食(dashang)。...原创 2019-06-22 15:34:10 · 57992 阅读 · 0 评论 -
vue.js中内联样式style三元表达式
<span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" >搜索</span>原创 2019-06-26 14:50:27 · 948 阅读 · 0 评论 -
json.stringify()的妙用,json.stringify()与json.parse()的区别
最近做项目,发现JSON.stringify()使用场景真的挺多,我们都知道JSON.stringify()的作用是将JavaScript 值转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象。简单点说,它们的作用是相对的,我用JSON.stringify()将对象a变成了字符串c,那么我就可以用JSON.parse()将字符串c还原成对象a。...原创 2019-06-24 10:15:49 · 761 阅读 · 0 评论 -
vue v-bind绑定属性和样式
<div id="app"> <button class="btn" :style="{ color: 'white', backgroundColor: 'blue' }">点击我吧,主人!</button></div> <div :style="{'backgroundimage':'url('+useRst.headim...原创 2019-04-26 10:35:41 · 869 阅读 · 0 评论