Vue
阿星小栈
这个作者很懒,什么都没留下…
展开
-
国旗图标集合flag-icon-css在vue中的使用
国旗图标集合flag-icon-css在vue中的使用原创 2022-09-27 10:54:59 · 1787 阅读 · 0 评论 -
npm ERR code EINTEGRITY npm ERR sha1 解决方法
问题描述:npm install 时报错如下 npm installnpm ERR! code EINTEGRITYnpm ERR! sha1-vBiGSmyfx7MD8uKr25FVrRePvik= integrity checksum failed when using修改npm为淘宝镜像依然没用解决办法 :修改为华为镜像npm config set registry https://repo.huaweicloud.com/repository/npm/解决!!!原创 2022-05-26 14:22:34 · 2304 阅读 · 0 评论 -
格式化时间函数
const getFormatTime = (time, num) => { let yy, mm, dd, hh, min, ss, isMorning let formatTime = '' if (time !== '') { time = new Date(time) yy = time.getFullYear() mm = time.getMonth() + 1 if (mm + 1 < 11) { mm = '0' + mm.原创 2022-03-31 15:00:14 · 714 阅读 · 0 评论 -
用vue.js学习es6:let和const使用 阿星小栈
一.运行及关闭运行: 用shift+右击在C:\vue\es6文件夹中打开命令行使用:npm run dev,打开了我们的vue界面。 如果要关闭则在命令行中按住ctrl+C则可以关闭。二.let和const使用方法: (1).在javascript中我们通常使用var会发生变量提升,即脚本开始运行时,变量已经存在了,但是没有值,所以会输出undefined, 而let...转载 2017-10-12 10:30:00 · 175 阅读 · 0 评论 -
ivew render 中配置img的src 阿星小栈
原创 2017-11-03 15:10:00 · 295 阅读 · 0 评论 -
iview 为Select带有返回值的默认函数传参 阿星小栈
<Select v-model="device.type" :label-in-value="true" @on-change="v=>{ setOption(v,'type')}"> <Option v-for="item in deviceTypeList" :value="item.value" :key="item"&原创 2017-11-03 15:18:00 · 535 阅读 · 0 评论 -
iview table input 动态取值 阿星小栈
input 、 Input 和 InputNumber 均可,Input 和 InputNumber 带框架样式,input不带 赋值方式有两种,attrs 和 domProps均支持value赋值二:原创 2017-11-08 12:00:00 · 786 阅读 · 0 评论 -
iView中Table通过render添加一个Input双向绑定数据 阿星小栈
InputNumber用on-change事件完全没问题 ,但是换非数字型的Input之后on-change事件就出现一个问题,输入数字和英文没问题,输入汉字或者其他语言就出问题了,因为change的时候检测的是键盘数据,在中文没进去之前的拼音也被检测到加入了,解决办法是换成on-blur事件on-change:on-blur:...原创 2017-11-16 17:00:00 · 1590 阅读 · 0 评论 -
Vue 不能检测数组变动解决办法 利用变异方法触发视图更新 阿星小栈
由于 JavaScript 的限制,Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length = newLength 为了解决第一类问题,以下两种方式都可以实现和 vm.items[indexOfItem] = newValue 相同的效果,...原创 2017-12-19 19:34:00 · 265 阅读 · 0 评论 -
Vue 不同路由对应同一页面 监测路由变化更改数据 阿星小栈
watch: { orgTreeShow(val){ if(val){ this.employeesShow = false; }else{ this.loadEmployees() } } }, ...原创 2018-02-28 15:38:00 · 371 阅读 · 0 评论 -
vue生命周期 阿星小栈
http://www.cnblogs.com/gagag/p/6246493.html作者:monkeyWang链接:https://www.zhihu.com/question/52917848/answer/150661534来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。<!DOCTYPE html><h...转载 2018-02-28 15:49:00 · 94 阅读 · 0 评论 -
Vue使用动态组件或者router时,当多个视图使用/指向同一个组件时,如何能够生成多个新实例? 阿星小栈...
component 内的 activate , data , ready , 一类的东西只有在第一次初始化的时候才会被运行 如果router检测到你切换的url是用的同一个组件的时候 他是不会去把同一个component初始化一次的比如说 /file/:fileId { component:file }当你切换 /file/123 到 /file/234 你会发现component是不...原创 2018-02-28 15:54:00 · 1141 阅读 · 0 评论 -
iview中的select在滚动条件下位置不对解决办法 阿星小栈
iview中的select在滚动条件下位置不对,怎么解决?1,Modal和select均是iview的组件2,滚动时,select的选项部分似乎固定不动,甚至会遮住input部分3,将滚动设置为overflow:overlay可以解决在部分chrom浏览器上的问题,但有的又不行同样类型的问题,都可以给有下拉框的组件添加 transfer 属性来解决。<S...原创 2018-04-23 17:47:00 · 1766 阅读 · 0 评论 -
iview自定义表单验证 多表单同时验证 阿星小栈
一、自定义验证 data () { const validateSectionFileType = (rule, value, callback) => { if (value <= 0) { callback(new Error('类型不能为空')); ...原创 2018-04-23 18:34:00 · 414 阅读 · 0 评论 -
iview 在Table组件render 中使用Poptip组件 阿星小栈
render: (h, params) => { return h('div', [ h('Button', { props: {type: 'error', size: 'small'}, ...原创 2018-04-26 19:12:00 · 1195 阅读 · 0 评论 -
在vue项目中使用echarts 阿星小栈
在后台管理系统中,图表是一个很普遍的元素。目前常用的图标插件有charts,Echarts,highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像:安装npm install -g cnpm --registry=https://registry.npm...原创 2018-05-23 13:55:00 · 192 阅读 · 0 评论 -
Vue和jquery动态生成二维码 阿星小栈
一、使用jquery.qrcode生成二维码1、首先在页面中加入jquery库文件和qrcode插件<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js">&am原创 2018-09-13 11:23:00 · 900 阅读 · 0 评论 -
iview 表单验证及验证重置 阿星小栈
this.$refs[name].validate((valid) => { if (valid) { this.$Message.success('Success!'); } else { this.$Message.error('Fail!'); } })//重置 this.$refs[name].resetFi...原创 2018-04-10 11:47:00 · 1275 阅读 · 0 评论