随笔分类 - vue.js
vue.js
摘要：webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。 vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当
阅读全文
tsc编译错误'error TS1008: Unexpected token; 'module, class, interface, enum, import or statement' expect
摘要：给遗留的JS代码写了类型声明，兴冲冲地跑去编译，结果报了一堆错，人都傻了： H:\project\dataStore.d.ts(1,9): error TS1005: ';' expected. H:\project\dataStore.d.ts(1,19): error TS1005: ';' e
阅读全文
摘要：前言最近在做一个微信小程序，看到有许多软件上都有一种带有图片可以滑动的Tab栏，然后我就去看了一些组件库，包括Vant，WeUI，发现他们所提供的Tab栏好像都只有标题（title）的功能， 假如是我没发现可以指正 ，并不可以添加图片，那我就突发奇想，干脆自己封装一个得了，下面先给大家看一下效果 一
阅读全文
摘要：气泡三角主要使用，border-color ，把元素的前后伪元素，叠加生成气泡上方的小箭头； border-color：如果元素都是边框，则是三角形如下图 伪元素其他3边透明，留一个边（即三角形，两个伪元素位置差1-2像素形成三角形的两个边） 例子： 思路： 整体绿框通过border 设置； 三角部
阅读全文
摘要：1.标记图标 <view class="top"> <map wx:if="{{markersStatus}}" class="map" id="myMap" scale="{{scale}}" longitude="{{longitude}}" latitude="{{latitude}}" ma
阅读全文
摘要：简单的介绍下mixin（混入）： 官方介绍：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 注意： 1. 当组件和混入对象含有同名选项时，这些选项将以恰当
阅读全文
摘要：近年来web得到了快速的发展。随着HTML5的普及，WebSocket使得网页通讯能力增强，网页的表现能力也越来越强大。网页上已经可以做出很多复杂的动画，精美的效果。 但是，人总是贪的。那么，在此之上还能做什么呢？其中一种就是通过WebGL在网页中绘制高性能的3D图形。 OpenGL,WebGL到T
阅读全文
摘要：this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。 this.$nextTick 跟全局方法 vue.nextTick 一样，不同的是，回调的 this 自动绑定到调用它的实例上。 总的来说，假设我们更改了某个 dom 元素内部的文本
阅读全文
摘要：async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: '
阅读全文
摘要：给父容器after或者before（适用于每行3或者4列） .box:after { display:block; content:""; width: 32%; height:0px; } 如果两行的，width:50%; 改为百分之五十. 转 ：https://blog.csdn.net/qq_
阅读全文
摘要：报错：Unexpected reserved word 'await' async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '
阅读全文
摘要：在很多的业务场景中，我们可能需要达到这样的一个效果 也就是将左边的label设定成相同的宽度，并且label内部的文字需要两端对齐，这里需要使用到text-align中的justify。 语法 使用起来很简单，只要在需要文本两端对齐的标签上加上text-align:justify 左边是设定text
阅读全文
摘要：比如要修改elementUI中某个组件的默认样式， 假设默认鼠标飘到el-button上，button会变蓝， 而我们想又要让button变红，可是全局修改又会使得所有的组件中button的style变化， 那么就要/deep/，表示就修改这个组件中的样式。 参考： Vue中的深度作用选择器/dee
阅读全文
摘要：uniapp 内置了 rpx 转 px 的方法 // 100 为 100rpx的值 var px = uni.upx2px(100); px 转 rpx // 200 为 px 的值，后面的两个 100 为计算比例使用 var rpx = 200/(uni.upx2px(100)/100); //
阅读全文
摘要：微信小程序： let query = wx.createSelectorQuery(); query.select('.find').boundingClientRect(res => { console.log(res.height); // 1545.7249755859375 }).exec(
阅读全文
摘要：页面wxml <!--page/index/index.wxml--> <view id='demo'> <text>哈哈哈哈哈</text> <view>哈哈哈哈哈</view> </view> js文件 onLoad: function(options) { //创建节点选择器 var quer
阅读全文
摘要：直接修改数组元素是无法触发视图更新的，如 this.array[0] = { name: 'meng', age: 22 } 修改array的length也无法触发视图更新，如 this.array.length = 2; 触发视图更新的方法有如下几种 1. Vue.set 可以设置对象或数组的值，
阅读全文
摘要：目录 1. 前言 2. 清空数据的几种方式 2.1 使用ref() 2.2 使用slice 2.3 length赋值为0 2.4 使用splice 3. 总结 1. 前言 前两天在工作当中遇到一个问题,在vue3中使用reactive生成的响应式数组如何清空,当然我一般清空都是这么写: let ar
阅读全文
摘要：背景 当我们使用vue-cli3.0搭建项目时，相比于之前的vue-cli2.0少了build于config文件夹，所以vue-cli3.0提供了一个可选的配置文件 vue.config.js来对项目进行webpack的配置。最典型的一个配置就是接口配置，如： // vue.config.js mo
阅读全文
摘要：一、父子组件传值 1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit,让父组件监听到自定义事件 。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组件： <t
阅读全文
浙公网安备 33010602011771号