关于vue插槽slot的用法及使用场景

vue的slot是用在组件中的,进行简单的理解,可以理解成通过slot将我们的组件变成像div一样的用法,如何使用完全看项目整体及自己的开发思路,下面看下代码,再说下我目前的使用场景。 插槽使...

  • 0
  • 0
  • admin
  • 发布于 2022-03-23 11:16
  • 阅读 ( 371 )

uniapp标签

组件/标签的变化 以前是html标签,现在是小程序标签。 div 改成 view <template> <view> <view class="uni-padding-wrap uni-common-mt"> <vi...

  • 0
  • 0
  • admin
  • 发布于 2022-03-10 22:27
  • 阅读 ( 379 )

11143454343

< script > let base64 = require('./base64.js').Base64; export default { onLoad() { base64.encode(this.code) //加密 } } </script>

  • 0
  • 0
  • admin
  • 发布于 2022-03-04 15:41
  • 阅读 ( 366 )

谷歌浏览器模拟网络慢测试多次点击提交按钮是否做防重复点击的方法

一般测试程序时会预设模拟多种环境,比如用户或服务器网络慢,点击按钮迟迟没有反应,造成用户多次点击按钮,此时如果按钮没有做防止重复点击,可能会提交多条重复数据至后台,再不看代码的情况...

  • 0
  • 0
  • admin
  • 发布于 2022-03-03 11:33
  • 阅读 ( 421 )

vue或原生JS读取txt或其它格式文件内容的方法

下面以vue为例,首先我想要读取一个vue的文件(其他格式也一样)的内容赋值在变量上然后传给组件,js参考下也是可以使用的。 第一步:先新建text.vue测试文件。我放在了public目录下的other...

  • 0
  • 0
  • admin
  • 发布于 2022-03-03 09:11
  • 阅读 ( 419 )

vue获取组件中的数据值

需求是一个弹框,弹框内有大量内容,所以以组件的形式去完成,可以看下下图,图中有很多折叠面板,现每个折叠面板都是一个组件,并且有些面板下组件的数据需要提交。 此时需要获取子组件下...

  • 0
  • 0
  • admin
  • 发布于 2022-02-25 09:56
  • 阅读 ( 432 )

Vue与TS中父组件直接调用子组件中函数的写法

之前写过vue与js版本中父组件直接调用子组件中函数的写法,TS语法稍有不同,正常js情况下是通过给组件绑定ref值,然后再通过this.refs.子组件ref值.子组件方法,调用函数在实际中用途最多的便是...

  • 0
  • 0
  • admin
  • 发布于 2022-02-25 09:44
  • 阅读 ( 532 )

js点击下载图片

src需要注意,不同源情况下图片有跨域情况,需要后台开放权限,如果是前端本地图片可以动态获取地址 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &...

  • 0
  • 0
  • admin
  • 发布于 2022-01-21 09:27
  • 阅读 ( 538 )

通过css实现div切角效果

通过css实现div切角效果,在实际项目中要实现以下视觉效果,看图片。 html <div class="corner"></div> 1. 一个切角 思路:如果我们要得到有一个切角的元素,我们只需要...

  • 0
  • 0
  • admin
  • 发布于 2022-01-11 10:31
  • 阅读 ( 578 )

element表格去掉表头的实现方法

element表格去掉表头的实现方法,官网中提示用属性show-header,此值须接受布尔值,或使用动态变量实现动态控制。 <el-table   :data="tableData1"   :span-method="arraySpanMethod"   bord...

  • 0
  • 0
  • admin
  • 发布于 2022-01-10 16:53
  • 阅读 ( 551 )

css设置table表格超出部分用省略号显示

主要设置两个样式: table{   table-layout: fixed; ==>固定布局的算法。在这种算法中,表格和列的宽度取决于col对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。...

  • 0
  • 0
  • admin
  • 发布于 2022-01-10 16:40
  • 阅读 ( 580 )

table表格实现标题与内容左右分布

主要讲述table配合css实现标题在左侧,内容在右侧水平排序的方法,可适应不同宽度,下面实例加了不换行出省略号的方法,可以配合title属性或element的Tooltip 文字提示等去实现鼠标悬浮弹出完整...

  • 0
  • 0
  • admin
  • 发布于 2022-01-10 16:32
  • 阅读 ( 570 )

Element为el-tree添加指示连接虚线

element的tree树结构默认是不带连接虚线的,但可以用自定义css实现指示连接虚线,先看一下效果图; 案例有两部分,数字可点击和正常element,此处旋转的三角可以使用css覆盖为图片,行点击及h...

  • 0
  • 0
  • admin
  • 发布于 2022-01-06 17:46
  • 阅读 ( 250 )

tslint中语法提示报错unused expression, expected an assignment or function call

tslint中语法提示报错unused expression, expected an assignment or function call,有两种解决方案,大意为未使用的表达式,应为赋值或函数调用,我在这里做的是vue2.0+TS+swiper轮播图。...

  • 0
  • 0
  • admin
  • 发布于 2021-12-29 17:32
  • 阅读 ( 272 )

Vue项目警告start value has mixed support, consider using flex-start instead

在vue项目中,发现报如下错误:startvaluehas mixed support,considerusingflex-startinstead 在网上搜索了下,发现是因为CSS写法不规范导致的。 之前的CSS弹性盒子模型写法是这样的:...

  • 0
  • 0
  • admin
  • 发布于 2021-12-26 20:21
  • 阅读 ( 593 )

TypeScript语法中@emit的使用方法及注意事项

下面先说JS传统的this.$emit使用方法,然后对比TS的@emit方法便可一目了然,首先看this.$emit的使用方法。 this.$emit 算是父子通信的一种方法,作用为在子组件可以触发父级函数并且可以传参...

  • 0
  • 0
  • admin
  • 发布于 2021-12-06 11:52
  • 阅读 ( 620 )

原生JS配置后台系统的导航路由

后台系统一般情况下不考虑SEO优化服务,仅作为数据填报及展示等,所以目前一般都使用前后端分离模式进行开发,像Vue、react等框架都可实现,但数据获取的过程不利于搜索引擎抓取数据,所以目前...

  • 0
  • 0
  • admin
  • 发布于 2021-10-13 17:23
  • 阅读 ( 298 )

引入element报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined at eval (dom.js?5924:19

引入element报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined at eval (dom.js?5924:19的解决方案,我们来分析报错原因及解决方案。 看下引入写的也没错 那...

  • 0
  • 0
  • admin
  • 发布于 2021-09-29 17:38
  • 阅读 ( 890 )

前端如何优雅使用console

前端如何优雅使用console,在console下使用最多的便是console.log()用控制台打印,其实console下还有很多方法,当然大多也是无关大雅,也有非常实用的,就拿cosole.log()来说,如何让输出不想屎...

  • 0
  • 0
  • admin
  • 发布于 2021-09-08 16:08
  • 阅读 ( 359 )

js使用console.timeEnd查看代码执行时间

很多时候在代码执行慢时便需要排查下慢的原因,在JS中console.time()与console.timeEnd()便可检测,下面看实例用法: <!DOCTYPE html> <html> <head> <meta charset="...

  • 0
  • 0
  • admin
  • 发布于 2021-09-08 15:27
  • 阅读 ( 691 )