vue-js
若茶先森
纷纷万事,直道而行
展开
-
vite中快速引入图片
vite中快速引入图片纪要原创 2022-11-10 16:19:03 · 236 阅读 · 1 评论 -
移动端判断在微信浏览器中是否可以打开该页面(转载0记录)
在实际的项目中,有时候需要判断当前页面是否在微信浏览器中打开,以下提示了三种方法,每一种都可以,方法一, var ua = navigator.userAgent.toLowerCase();var isWeixin = ua.indexOf('micromessenger') != -1;if (isWeixin) { return true;}else{ ...转载 2018-07-24 13:34:14 · 210 阅读 · 0 评论 -
vue中公用组件中的slot的用法
原创 2018-08-02 14:18:04 · 1502 阅读 · 0 评论 -
vue项目动画参考
https://blog.csdn.net/qq_25804071/article/details/70911421 ---animatehttps://blog.csdn.net/u010394015/article/details/79263873 --transition原创 2018-09-18 09:27:53 · 263 阅读 · 0 评论 -
vue-awesome-swiper轮播(转载)
保存链接仅供自己参考vue-awesome-swiper转载 2018-09-21 16:56:56 · 186 阅读 · 0 评论 -
vue中实现图片呢懒加载的过程(vue-lazyload)插件的使用方法)
1.安装插件 npm install vue-lazyload --save-dev2.在入口文件main.js中引入并使用 import VueLazyload from 'vue-lazyload'3.main.js中use使用 --或者进行自定义Vue.use(VueLazyload) main.js 中自定义示例Vue.use(VueLaz...原创 2018-11-09 20:12:37 · 565 阅读 · 0 评论 -
vue的内置组件transition(转载)
一篇详细的介绍transition 使用详解 ------上边是链接,比较详细对要使用动画的组件或者模块包上一层transition标签,1.transition中样式的用法<transition name="fade"> <p v-if="show">hello</p></transition>name是自己命名的cla...原创 2018-11-08 12:28:35 · 484 阅读 · 0 评论 -
vue中 解决弹窗出现之后背景滚动(移动端 )
watch: { show(v) { this.toggleContainerTouchAction(v) if (v) { document.body.addEventListener('touchmove', this.stopTouch, { passive: false, capture: true }) } else { ...转载 2019-03-19 11:14:05 · 1975 阅读 · 1 评论 -
mpvue
vue开发微信小程序-点击打开链接 http://mpvue.com原创 2018-06-20 11:20:20 · 664 阅读 · 0 评论 -
vuex中action方法(异步执行)
一.什么是actions?背景:在mutation中我们讲到,mutation中是存放处理数据的方法的集合,我们使用的时候需要commit。但是commit是同步函数,而且只能是同步执行。那我们想异步操作怎么办?作用:在actions中提交mutation,并且可以包含任何的异步操作。actions可以理解为通过将mutations里面处里数据的方法变成可异步的处理数据的方法,简单的说就是异步操作...原创 2018-06-26 18:23:58 · 15481 阅读 · 0 评论 -
vue公共组件示例
下边是公用的table组件<template> <div class="table_box"> <table width="100%"> <thead> <slot name="tablebox_head"></slot> &am原创 2018-06-18 22:07:43 · 5231 阅读 · 0 评论 -
vue.js中的track-by
无track-by情况:数据修改时,无论值是否被修改,dom都被重新渲染(控制台可以看到) 加入track-by属性:数据修改时,不变数据所在的dom不被重新渲染,已改变的数据所在dom才被重新渲染原创 2017-02-15 19:05:29 · 282 阅读 · 0 评论 -
vue cli 构架vux移动端模板
1、快速搭建项目模板因为项目使用vux,所以推荐使用vux官网的airyland/vux2 模板,vue-cli工具是vue项目的搭建脚手架默认为 webpack2 模板,如果你需要使用webpack1,请使用 vue init airyland/vux2#webpack1 projectPath123456npm install vue-cli -g // 如果还没安装vue init airy...转载 2018-05-19 15:47:45 · 1115 阅读 · 0 评论 -
一维数组的递归
getTree(parmas) { var start = new Date().getTime() //起始时间 //准备数据 let testData = { "department": [ { "departmentName": "测试1", "departmentDesc": "盛达康网络", ...转载 2018-05-19 15:49:31 · 482 阅读 · 0 评论 -
(转载)vue2.0 + vux项目构建
vue2.0 + vux 项目搭建1、快速搭建项目模板因为项目使用vux,所以推荐使用vux官网的airyland/vux2 模板,vue-cli工具是vue项目的搭建脚手架默认为 webpack2 模板,如果你需要使用webpack1,请使用 vue init airyland/vux2#webpack1 projectPath123456npm install vue-cli -g // 如果...转载 2018-05-19 15:57:57 · 223 阅读 · 0 评论 -
vue的过滤器
1):字母操作: ---- 针对字符串A:capitalizeB:uppercaseC:lowercase2):limitBy,filterBy,orderBy处理并返回过滤后的数组,注意:该3个过滤器处理的表达式必须是数组 filterBy:1)静态参数转载 2018-05-22 10:01:43 · 135 阅读 · 0 评论 -
vue骨架屏实现方式(转载,作者:jrainlau)
Vue 页面骨架屏注入实践作者:jrainlausegmentfault.com/a/1190000014832185作为与用户联系最为密切的前端开发者,用户体验是最值得关注的问题。关于页面loading状态的展示,主流的主要有loading图和进度条两种。除此之外,越来越多的APP采用了“骨架屏”的方式去展示未加载内容,给予了用户焕然一新的体验。随着SPA在前端界的逐渐流行,首屏加载的问题也在困...转载 2018-05-26 21:30:33 · 5460 阅读 · 1 评论 -
vue路由的钩子函数
总体来讲vue里面提供了三大类钩子1、全局钩子2、某个路由独享的钩子3、组件内钩子1.全局beforeEach to: (Route路由对象) 即将要进入的目标 路由对象 to对象下面的属性: path params query hash fullPath matched name meta(在matched下,但是本例可以直接用)from: (R...转载 2018-05-23 14:46:13 · 3647 阅读 · 0 评论 -
vue中限制input只能输入数字-示例
方法1 new Vue({ el:'#demo', data:{ oldNum:0 }, computed:{ inpNum:{ get:function(){ return this.oldNum; }, ...原创 2018-05-23 22:56:09 · 59579 阅读 · 2 评论 -
js中Number(),parseInt(),parseFloat() 的区别
varnum1 = Number("Hello world"); //NaNvarnum2 = Number(""); //0varnum3 = Number("0000011"); //11var num1 = parseInt("AF",16); //175 var num2 = parseInt("AF"); ...原创 2018-06-07 18:46:26 · 631 阅读 · 0 评论 -
vuex 基本使用-待完善
1.调用veux中的mutation中的方法this.$store.commit('setEditUser', this.multipleSelection)2.取出vuex中state的数据this.$store.state.editUser原创 2018-06-01 12:07:42 · 338 阅读 · 0 评论 -
ES6中的Set( )
1. setconst s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } 2.--添加值 // 例一 const set = new Set([1, 2, 3, 4, 4]); [...set] // [1, 2,...转载 2018-06-01 16:14:58 · 187 阅读 · 0 评论 -
Vue.js基础使用教程
Vue.js是什么? 一位华裔前Google工程师开发的前端js库与angular.js类似的是声明式开发,但性能高于angular,体积小很多, 比较适合移动端开发它本身不是全能框架, 只关注UI, 如果需要router/ajax, 可以使用对应插件或使用别的库来实现基本使用 引入vue.js创建Vue对象, 指定选项对象 el : 指定dom标签容器的选择器data : 指定初始翻译 2017-02-15 09:58:10 · 2504 阅读 · 0 评论