- 博客(814)
- 资源 (7)
- 论坛 (1)
- 收藏
- 关注
转载 (转)让iframe自适应高度-真正解决
方法二<iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" onload="changeFrameHeight()" frameborder="0"></iframe>js代码也得跟着改function changeFrameHeight(){ var ifm= document.getElementById("iframepage"); ifm.height=document.
2021-01-22 17:57:47
9
转载 Vue中-下拉框可以选择可以填写
<el-form-item label="方法名称"> <el-autocomplete popper-class="my-autocomplete" v-model="customForm.MethodName" :fetch-suggestions=".
2021-01-18 15:53:29
38
转载 Vue中-下拉框可以选择可以填写
<el-form-item label="方法名称"> <el-autocomplete popper-class="my-autocomplete" v-model="customForm.MethodName" :fetch-suggestions=".
2021-01-15 14:22:16
55
转载 Vue2.0 $set()的正确使用方式
vue2.0给对象新增属性,并出发视图更新如下代码,给student对象新增age属性data() { return { student:{ name:'', sex:'' } }}众所周知,直接给student赋值操作,虽然可以新增属性,但是不会出发视图更新mounted() { this.student.age = 24}原因是:受 ES5 的限制,Vue.js 不能检测到对象属性的添
2021-01-13 11:05:40
39
原创 element tree只选择父,不选择孙
<template><div><el-tree:data="data"node-key="id"default-expand-all:expand-on-click-node="false":render-content="renderContent"></el-tree></div></template><sc...
2021-01-13 08:27:46
60
原创 element ui tree选择父节点
<template><div><el-tree:data="data"node-key="id"default-expand-all:expand-on-click-node="false"><spanclass="custom-tree-node"slot-scope="{node,data}"><el-checkboxv-m...
2021-01-12 16:23:46
35
转载 vue+elementUi 系统后台中的修改密码页面(包含验证规则)
<template> <div class="app-container common-list-page"> <el-form :model="resetForm" :rules="resetFormRules" ref="resetForm" status-icon label-width="100px" > <el-form-item label="旧密码:" p...
2021-01-11 09:23:08
129
原创 使用axios时遇到的Request Method: OPTIONS
我们发现一些接口在请求时,会自动发送一个Request Method:OPTIONS这个OPTIONS的请求,不是我们代码里写的。网上搜了一下,给出的解释是简单请求和复杂请求简单请求满足下面两个条件的请求就是简单请求:1.请求方式是以下三种之一:HEAD GET POST2.HTTP的头信息不超出以下几种字段Accept Accept-Lanuage Content-Language Last-Event-ID Content-Type但是Conten.
2021-01-07 11:05:30
40
转载 vue打包后放到服务器上路由不跳转
将路由配置文件中的mode:'history’注释掉,或者改为hash。因为为history的时候需要后台配置若找不到资源定位到依赖页面。反正我的问题就是这样解决的。。。。。。。
2021-01-07 09:28:57
89
转载 前端多个vue项目公共组件的三种方法(推荐npm file引入)
背景目前很多公司的开发模式都是多个前端一个后端。笔者所在的公司就是这样,移动端前端的产品有两个,这两个产品有很多内容是相似的、甚至一样的。包括页面、样式、JS逻辑等。这样就想将这些公共部分封装成公共组件供这两个项目调用。Vue很好的提供了单个项目公共组件的解决方案,包括组件复用、传参、监听、通讯、插槽等功能。但多个vue项目怎么使用公共组件呢。这篇文章就来介绍前端多个vue项目公共组件的三种方法,npm发布引用、npm link、npm本地file引用,其中本文主要推荐本地file引用方式,若嫌
2021-01-06 14:19:35
121
转载 element-ui 省市区插件
先安装npm install element-china-area-data -S一.在使用的页面中导入 <el-form-item prop="areaCode" label="所在地区" :label-width="formLabelWidth"> <el-cascader class="widthSmall" size="large" :options="options".
2021-01-06 11:32:17
70
转载 两棵el-tree的节点跨树拖拽实现
<template> <div class="tree-drag"> <el-tree :data="treeData1" ref="tree1" class="tree" node-key="id" draggable default-expand-all :allow-drop="returnFalse" @node-drag-start="handleDrags.
2021-01-05 15:14:20
84
转载 windows系统的webstome
删除目录:C:\Users\<用户>\.WebStorm2019.1\config\eval删除文件:C:\Users\<用户>\.WebStorm2019.1\config\options\other.xml删除注册表项:HKEY_CURRENT_USER\Software\JavaSoft\Prefs\jetbrains\webstorm
2021-01-04 08:36:59
21
转载 根据json 动态生成页面——问卷页面
后台向前端传递的json串{ "groups":[ { "group":[ { "answer":[ "北京市", "天津市", "河北省", "山西省",
2020-12-31 15:18:53
57
转载 Vue form-create的基本使用 和 自定义表单组件的数据通迅
form-create中内置表单类型: hidden、input、inputNumber、checkbox、radio、switch、select、autoComplete、cascader。 colorPicker、datePicker、timePicker、rate、slider、upload、tree、frame、group。 form-create的安装:1、一般在安装form-create之前,要先创建好vue项目 和 安装UI(这里以element-ui为例)框架哦。
2020-12-31 14:14:44
88
原创 Vue实现自动触发点击事件
<ul style="display: none"> <li v-for="item in webAddress"> <a :href="item.link" target="showHere" @click='showIframe' v-trigger>{{item.name}}</a> </li></ul>//自动触发点击事件directives:{ trigger:{ inse.
2020-12-30 15:56:06
260
转载 elementui Tree 树形控件增删改查
前端代码axios.jsimport axios from 'axios';import Qs from 'qs';import {Message} from 'element-ui';axios.defaults.baseURL = "/";// 设置请求超时时间axios.defaults.timeout = 30000;// 设置post请求头axios.defaults.headers.post['Content-Type'] = 'application/json;.
2020-12-29 13:53:06
90
转载 did you register the component correctly? For recursive components, make sure to provide the “name“
报错截图:在写一个折叠组件动画,引入该组件时,报了个这样的警告,组件死活引入不到,什么原因呢?import ball from '../components/ball'export default { component: { 'run-ball': ball }}, //使用<run-ball :newslist="newslist"></run-ball>上面是我的代码,引入,注册,使用,没有问题啊!经过仔细对比代码,发现我用的c
2020-12-29 09:17:00
107
转载 js 实现 list转换成tree的方法示例(数组到树)
目标:JS 将有父子关系的平行数组转换成树形数据方法:双重遍历,一次遍历parentId,一次遍历id == parendId;该方法应该能很容易被想到,实现起来也一步一步可以摸索出来;const oldData = [ {id:1,name:'boss',parentId:0}, {id:2,name:'lily',parentId:1}, {id:3,name:'jack',parentId:1}, {id:4,name:'john',parent...
2020-12-29 08:48:04
72
原创 小程序 保持登录状态
问题:由于wx.request()每次发起的请求对于服务器来说都是不同的会话(wx.request()请求是先经过微信服务器再到达我们的服务器),这样会导致后续请求都相当于未登录的状态解决方案:将登录时后端返回的session保存在本地,然后将session存放在cookie中以请求头的方式带给服务端实现代码:1.请求登录接口获取到header['Set-Cookie'],并储存//app.jsApp({ onLaunch() { wx.login({ // 登录
2020-12-25 10:36:02
81
转载 vue用props传递数据驼峰命名
在vue的中文官网有这样的说明:HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名。...
2020-12-24 15:26:08
39
转载 小程序上下滚动公告实现
<!-- 上下滚动开始 --><!-- <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="2000"> <block wx:for="{{msgList}}" wx:key="msgList"> <navigator url="/pages/index/index?title={{item.id}}.
2020-12-23 20:15:50
77
转载 小程序动画效果 -- 自下往上弹起
<button bindtap="toggle">点击此处升起</button><view class="upContent {{ show ? 'show' : '' }}"> <view class="upContent_mask" bindtap="toggle" /> <view class="upContent_container"> <view>此处填写你的内容</view> <...
2020-12-22 20:50:13
79
转载 微信小程序——获取绑定事件元素的ID
小程序list数据带值跳转,一般直接通过设置item的id来标识或者通过设置键值data-xxxx的方式标识。如下图所示解析出来的结果如下图:我们看到它在元素上绑定了一个checkSchoolLogin事件,触发这个事件时需要获取该元素的id值,我们如何获取呢?先不急着知道方法,我们先用下面的方法看它点击的时候返回了一些什么数据:如下图所示,点击之后发现e里面带有这些属性,我们可以看到 currentTarget下面有个id, dataset下面也有个id,这不正是我们需要获取.
2020-12-21 21:13:07
33
转载 vue v-for循环表格 希望第四个<th>或<td>标签自动换到下一行应该怎么做?
标签换掉。不要用表格 tr td<div v-for="item in xxList" class="box"> <div class="content">{{item}}</div></div>.box{ display: flex; flex-warp: wrap;}.content{ width: 33%;}
2020-12-21 15:23:23
139
转载 iView树形组件:增删改节点
<template> <div class="IviewTree"> <Tree :data="data5" :render="renderContent"></Tree> </div></template><script> export default { data () { return { ...
2020-12-21 11:45:11
51
转载 如何在vue项目中引入element ui组件以及如何引入iview组件
前言建议都在已经建立好的vue项目的基础上,再引入element ui或iview组件,而不是按照element ui或iview的官方网站进行,那样一般会存在很多设置的问题。一、引入element ui组件(1)安装element ui,即:npm i element-ui -S(2)引入element ui在main.js中引入element ui,即: import ElementUI from 'element-ui'import 'element-ui/lib/t
2020-12-21 11:41:10
30
转载 wx小程序-picker自定义性别
register.wxml <view class="form-item list-msg"> <text class="item_name">性别</text> <picker bindchange="pickSex" value="{{ gender }}" class="sex" range="{{ columns }}"> <view>
2020-12-20 18:15:52
34
转载 微信小程序悬浮可拖动客服组件
写了一个微信小程序里面的悬浮可拖动的客服组件,下次可以直接使用了。movable-area 和movable-view 用法参考微信官方手册:https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.htmlkefu.jsComponent({properties: {},data: {x: 250,//定位X轴位置y: 250//定位Y轴位置},pageLifetimes: {show: functi
2020-12-19 20:50:20
74
1
转载 微信小程序编写物流信息进度样式
logistics.wxml<!--pages/logistics/logistics.wxml--><view class="logistics-container"> <view class="order-info-box"> <view class="order-info-box-item">订单编号:{{orderInfo.orderNo}}</view> <view class="order-info-bo.
2020-12-19 18:56:01
40
2
转载 微信小程序之tab切换效果
.wxml代码:<view class="body"> <view class="nav bc_white"> <view class="{{selected?'red':'default'}}" bindtap="selected">系统提醒</view> <view class="{{selected1?'red':'default'}}" bindtap="selected1">优惠活动</view> .
2020-12-19 13:35:45
35
2
转载 微信小程序 实现简单弹出层
示例代码.wxml:<view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view> <view class="modalDlg" wx:if="{{showModal}}"> <image src="/figures/logo-smile.png"/> <text>欢迎来到模态对话框~</text>
2020-12-18 20:03:30
50
2
转载 vue+element实现批量删除
表格代码如下:主要是 @selection-change="selsChange"<el-table ref="singleTable" v-loading="loading" :data="tableData" stripe style="margin-top: 15px" @selection-change="selsChange"> <el-table-column type="selection" width="55" ...
2020-12-18 16:02:15
33
2
原创 计算属性calc
calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);空格!!空格!!!空格!!!
2020-12-18 14:44:28
23
转载 vue element表格的增删改查(细)
贴上完整的代码和对应图:<template > <div class="hello"> <div class="searchDiv"> <el-col :span="4"> <!-- 查询输入框 --> <el-input v-model="input" placeholder="请输入内容"></el-input> </el-col>
2020-12-18 14:15:39
31
转载 Error: Rule can only have one resource source (provided resource and test + include + exclude)
问题:Error: Rule can only have one resource source (provided resource and test + include + exclude)Error: Rule can only have one resource source (provided resource and test + include + exclude) in "exclude": [ null ], "use": [ { "loader
2020-12-18 11:26:57
195
转载 【微信小程序】——wxss引用外部CSS文件及iconfont,图文教程
小程序引入外部文件的方式是:@import “/.wxss”;小程序的wxss文件font-face的url不接受http地址作为参数,可以接受base64,因此可以先将字体文件下载后,转换为base64,然后引用。。下载到本地并解压ttf文件,到链接https://transfonter.org/,对文件进行转换。转换完成,下载到本地后,打开转换的文件,将代码引用到wxss中,并定义class类名,再将定义好的文件,在app.wxss中引用,便可以全局使用该文件样式...
2020-12-18 08:50:51
35
转载 小程序轮播
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="true"> <block wx:for="{{arr}}"> <swiper-item> <image src="{{item}}...
2020-12-17 21:39:47
21
原创 wx:key=“{{item.id}}“ does not look like a valid key name (did you mean wx:key=“id“
报错<view wx:for="{{list}}" wx:key="{{item.id}}"></view>改成这样:<view wx:for="{{list}}" wx:key="id"></view>
2020-12-17 20:46:22
36
转载 微信小程序遇到margin-top无效的解决方法
如果你的代码格式类似这样<view class="v1"> <view class="v2"> </view></view>那么解决的方法就是wxss文件中添加.v1{ overflow: hidden;}
2020-12-17 19:23:37
69
nginx-v1.13.8
2018-01-11
js数字转汉字(含js).html
2020-05-08
百度UEDITOR 内网上传视频支持IE8的方法
2020-05-07
前端学习路线.doc
2020-03-26
sublime_text3安装包
2017-11-19
小仙女de成长的留言板
发表于 2020-01-02 最后回复 2020-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝