07 2021 档案
摘要：1.给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件， 2.prevent 是用来阻止默认的 ，相当于原生的event.preventDefault() this指向组件的实例。 $el指向当前组件的DOM元素。
阅读全文
摘要：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107818605
阅读全文
摘要：开始时间小于结束时间，结束时间大于开始时间 <el-col :span="12"> <el-form-item label="开始时间" prop="begin_time"> <el-date-picker type="date" v-model="form.begin_time" placehol
阅读全文
摘要：最近做报表页面，基本都是列表页面，所以想用mixins。但是接口的url不同，于是考虑怎么才能传入参数去适配各个页面。后来发现mixin文件可以写个函数，接受传递过来的参数，然后return一个对象。大概如下。 mixin.js export default function(config) { l
阅读全文
摘要：首先先从下面的网址拿到想要地区的json数据 echarts地图各个省市级json数据 Vue代码 <template> <div class="container" style="height: 100%" ref="container"></div> </template> <script> c
阅读全文
摘要：一、Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 什么情况下我应该使用 Vuex？Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权
阅读全文
摘要：try...catch 的作用是测试(处理或者说响应？)代码中的错误。 Try...Catch 语句 try...catch 可以测试代码中的错误。try 部分包含需要运行的代码，而 catch 部分包含错误发生时运行的代码。 语法： try { //在此运行代码 } catch(err) { //
阅读全文
摘要：取整 1.取整 // 丢弃小数部分,保留整数部分 parseInt(5/2) // 2 2.向上取整 // 向上取整,有小数就整数部分加1 Math.ceil(5/2) // 3 3.向下取整 // 向下取整,丢弃小数部分 Math.floor(5/2) // 2 4四舍五入 // 四舍五入 Mat
阅读全文
摘要：function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = (
阅读全文
摘要：最近在用echarts进行前台图表展示，发现每次加载如果数据不变，则图表不变化，因此进行了一些尝试。 首先，简要说一下我理解的echarts： 1、引入echarts的js文件； 2、通过var mychartDiv=document.getElementById("id")获取div对象,然后在此
阅读全文
摘要：你可以使用累加器aka reduce 。 ['a','b','c'].reduce(function(result, item, index, array) { result[index] = item; //a, b, c return result; }, {}) //watch out the
阅读全文
摘要：数组常用的一些方法： 1、push() 向数组的末尾添加新内容 参数：要添加的项。传递多个用逗号隔开，任何数据类型都可以 返回值：新增后数组的长度 是否改变原数组：改变 let ary1 = [12,34,26]; ary1.push(100); //返回一个新的长度 length=4console
阅读全文
摘要：定义和用法replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法stringObject.replace(regexp,replacement)参数 描述regexp 必需。规定了要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它
阅读全文
摘要：在遍历数据时 前端手动增加字段用来暂存点赞或刷新的数据 this.list.forEach(element => { if(!element.Praise){ //点赞数量 element.Praise = {Count:0,Data:[]} } if(!element.Comment){ //评论
阅读全文
摘要：写了个 str ="s"++; 然后出现Nan，找了一会。 收集资料如下判断： 1.判断undefined: var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); } 说明：typeof 返回的是字符串，有
阅读全文
摘要：复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？ 这么一看就明白了，Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼
阅读全文
摘要：在js中，当if判断大于2个的时候，就要考虑使用switch了，接下来我们来看看用法吧！ conversion (val) { let tempCurVal = '' switch (val) { case 1: tempCurVal = 'All'; break case 2: tempCurVa
阅读全文
摘要：合并数组或者对象在数组或对象前面加...，是es6的新写法，然后数组的map方法会返回数组. var obj1 = [{ "id": 980550455852, "model": "XQG70-S1208FW", "color": "白", "invStatusName": "正品", "bactu
阅读全文
摘要：三目运算 <text>{{mag>10 ? '优秀' : ""}}</text> 三目运算的高级用法 大于1000用kg表示 小于1000，用g表示 添加括号是因为提高他的优先级哈 <text>{{weight > 1000 ? (weight/1000)+"kg" : weight}}</text
阅读全文
摘要：自 HBuilderX 2.0.0 起支持 uni.$emit、 uni.$on 、 uni.$once 、uni.$off ，可以方便的进行页面的通讯 ，触发的事件都是 App 全局级别的，跨任意组件，页面，nvue，vue 等。事件详情 具体如何使用呢？我们假设一个场景，进入app,是未登陆状态
阅读全文
摘要：知乎发现栏目上的标题图一般都是以下图方式展现的，很显然它是利用渐变去实现的。思路很有意思，主要是要有两方面的认知： 这张图其实可以分成两部分，右边控制图形和渐变，左边就是一张纯色背景，和渐变无关 透明transparent也是一种颜色，也是渐变可以设置的 HTML <body> <div class
阅读全文
摘要：这里就要隆重推出：object-fit和object-position。你可以这么理解，object-position相当于background-position，它的默认值是50% 50%，也就是居中，所以一般不写，加了object-fit，默认就居中了。而object-fit，相当于backgr
阅读全文
摘要：这是为什么呢！所以查找了许多资料，原来vertical-align属性只对行内元素有效，对块内元素无效！而此时就会用到display属性，大家也看到我里面有设置display属性为inline-block属性，确没有效果，那是因为将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被
阅读全文
摘要：过渡效果在交互体验中的重要性不言而喻。以往我们使用js或Jquery添加或移除元素的类（class），搭配CSS中定义好的样式，再引用一些javascript库之后，可以做作出非常复杂，惊艳的动态效果，不过这套方法还是太繁琐。 vue.js内置了一套过渡系统，可以在元素从DOM中插入或移除时自动应用
阅读全文
摘要：如果我想选择包含 a.active 的 li 该怎么实现呢？ 目前我们学到的CSS好像是没有办法的，不过今天要将的一个CSS伪类 :has() 就有这个功能，虽然还处于草案阶段，但是还是可以提前了解一下。 li:has(> a.active){ color:red; } 除了表示包含，:has 还可
阅读全文
摘要：html代码： <span class="haorooms" data-content="前">前</span> <span class="haorooms" data-content="端">端</span> <span class="haorooms" data-content="博">博</s
阅读全文
摘要：transform属性 在CSS3中，可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的变形处理。 （1）浏览器支持 到目前为止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器支持该属性。 2旋转 使用rotate方法，在参数
阅读全文
摘要：1）HTTPS (pull和push的时候需要密码) 2）SSH （不需要密码，但是需要创建公钥） 创建公钥的目的： 使用SSH公钥可以让你在你的电脑和码云通讯的时候使用安全连接（git的remote要使用SSH地址） 步骤： 1.打开终端（git）进入.ssh目录 cd ~/.ssh 如果.ssh
阅读全文
摘要：线上页面代码 <el-row :gutter="20"> <el-form-item label="详细地址:" prop="area"> <el-col :span="4"> <el-select v-model="address1" placeholder="省"> <el-option v-f
阅读全文
摘要：Vue祖孙组件怎么传值 先看基础 祖孙组件，也就是 3 层嵌套的组件。关于 vue 中父子组件之间的数据传递是通过 props 和 $emit 实现，参考Vue 父子组件传值。 那祖孙组件之间传值怎么实现，先了解下面的几个 vue 属性。 $props 当前组件接收到的 props 对象。Vue 实
阅读全文
摘要：Table组件提供了一个summary-method方法用来生成合计行的内容，一般返回的都是字符串。如果想返回html形式的内容，可以通过函数形式返回。 比如现在需要在最后一个位置返回一个按钮 实现： 如果想要在按钮上绑定事件，可以用onclick的方式，将组件内的方法注册到window上即可 如果
阅读全文
摘要：数组遍历 arr.map(callback [, thisArg]) map方法我们用得最最最多了吧，超级好用，当你需要批量改变数组中的值的时候就要想到它了注：map方法不会改变原始值，它会返回一个新的数组例： let arr = [1, 2, 3, 4, 5, 6] // 把上面的arr中数据统一
阅读全文
摘要：flex布局不同的是，网格布局（grid）是一个二维的布局，可以创建任意行列的布局。首先来介绍几个概念;想象一个三行三列的布局，网格线就是构成网格所有的线条，三行三列的布局每行就会有4条网格线。网格轨道就是相邻两条平行的网格线之间的部分。和flex布局一样，他会有父容器和子项目，在这儿我们称为网格容
阅读全文
摘要：vue在路由中定义了id如果没有id控制台警告 解决办法 { name: "index", path: '/p/:id?', component: resolve =>void(require(['../components/admin/layout/index.vue'], resolve)) }
阅读全文
摘要：话不多说上代码 <MouduleTable :tableData="tableData" height="30vh"> <el-table-column label="沟通日期" prop="interview_time"> <template slot-scope="{ row }"> <el-d
阅读全文
摘要：我没拿tabs标签切换举例 一个小栗子 <template> <div> <el-tabs v-model="activeName"> <el-tab-pane v-for="item in panes" :key="item.key" :label="item.label" :name="item
阅读全文
摘要：我们有一对不同的组件，它们的作用是通过切换状态（Boolean类型）来展示或者隐藏模态框或提示框。这些提示框和模态框除了功能相似以外，没有其他共同点：它们看起来不一样，用法不一样，但是逻辑一样。 // 模态框 const Modal = { template: '#modal', data() {
阅读全文
摘要：function debounce(fn, delay) { var timer = null; return function() { // 清除已存在的定时器 timer && clearTimeout(timer) timer = setTimeout(function() { fn.appl
阅读全文
浙公网安备 33010602011771号