Vue
迷路时你就往前走i
这个作者很懒,什么都没留下…
展开
-
view-design爬坑
view-design表格里面的renderHeader里面使用Checkbox的时候,props绑定的值是boolean类型的值的时候改变绑定值无法动态实现效果,可以把绑定值放到对象里面,至于为什么这样做,还不太清楚,需要进一步探究,至少效果实现了。。。...原创 2021-06-24 09:03:18 · 535 阅读 · 0 评论 -
vue列表左右箭头滑动 vue+typescript实现左右箭头翻页,类似轮播图效果
今天的内容是在工作终于到的问题,先上图吧:这个是iview-design官网的tabs切换里面的内容,红色圈住的部分就是今天的内容,左右箭头可以切换,内容可以自定义。html代码:<div class="content-item"> <!-- 左箭头 --> <a href="javascript:;" v-if="qulityList.length>4" class="prev" @click="translateLeft"&原创 2021-06-05 13:53:56 · 3310 阅读 · 0 评论 -
vue+ts全局变量
1、创建公共文件存放全局变量global.ts(文件名可以自定义)// echarts颜色const echartsColor: string[] = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'];export default { echartsColor};2、在main.ts文件中引入// 全局引入变量文件import glob原创 2021-04-15 10:51:42 · 4269 阅读 · 1 评论 -
Android选择相机和相册上传图片
在IOS里面使用van组件上传图片的时候可以选择是拍照上传还是选择相册里面的图片上传,但是在Android里面使用vant组件里面的上传图片只能选择相册上传图片,所以需要使用原生写一个上传图片的组件在Android里面使用,以保持IOS和Android一致。ImageUnit.vue文件<template> <div class="image-unit"> <img style="width: 100%; height: 100%" fit="cov原创 2021-03-22 10:42:19 · 1327 阅读 · 0 评论 -
vue中打开定位权限
cordova.plugins.diagnostic和cordova-open-native-settings打开手机上的gps定位安装插件cordova plugin add cordova.plugins.diagnosticcordova plugin add cordova-open-native-settings // 打开设置gps定位的窗口导入插件import { AndroidPermissions } from '@ionic-native/android-permissio原创 2021-03-22 09:49:00 · 1718 阅读 · 0 评论 -
打包正在启动的项目出现内存溢出和端口占用
因为公司部分插件需要更新插件才可以使用,在更新需要的插件的时候把typescript的版本也升级了一下,就出现了如下的问题:问题一:出现内存溢出的情况这种情况可能之前已经出现过,但是没有太过注意,因为这个问题也不影响打包,但是既然看到了,就统一写一下:解决方法解决方法很简单,只需要在vue.config.js文件中添加chainWebpack: config => { config.performance.set("hints", false)}问题二:出现端口占用的问题这个问题原创 2021-01-29 20:38:31 · 348 阅读 · 0 评论 -
Vue3.0在Vue2.x上面的改动
前两天听了尤大大对V3的一些改动的直播,总结了一下几点:1、V3使用的是jsx,这一点和react很像,但是我个人认为关于模板语法的部分和react相比较而言还是Vue更好用一些;2、Vuex基本没有改动;3、vue3 不影响2的使用 基本百分之90是可以的 ,如果项目比较稳定建议不用更新到3.0的项目;4、ie11 可以不同build ,对于ie11的支持,主要是通过打包成不同的文件来进...原创 2020-04-23 15:07:50 · 375 阅读 · 0 评论 -
vue组件之间的通信
在图片详情的评论区域和商品的评论区域大致结构是一样的,只有一些数据是不一样的。因此我们可以创建一个组件作为子组件,通过子组件和父组件之间传值的方式实现组件的复用父组件向子组件传值父组件向子组件通过 props ,父组件中通过属性绑定的方式传递,在子组件中创建props 数组接收父组件传过来的数据子组件向父组件传值子组件向父组件传值通过 $emit 的方式,在子组件中绑定一个触发事件,在事件...原创 2020-04-09 10:09:56 · 135 阅读 · 0 评论 -
vue脚手架 eslint 文件配置
1、.eslintrc.js文件配置rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', "space-before-funct...原创 2020-04-08 09:57:51 · 891 阅读 · 0 评论 -
Vue中的内置指令
Vue入门 步骤: 1、导入Vue.js<script src="js/vue.js"></script> 2、创建一个容器,用来容纳模板<div id="app"></div> 3、创建Vue的实例对象<script> var vm = new Vue({ el: '#app', data: {...翻译 2020-03-11 16:51:42 · 212 阅读 · 0 评论