vue
JaydenSun
这个作者很懒,什么都没留下…
展开
-
svg图片动态缩放功能(jquery.svg.pan.zoom)
svg图片动态缩放功能 jquery-svg-pan-zoom配置项详情原创 2022-10-28 14:35:32 · 3044 阅读 · 1 评论 -
JS获取页面宽度高度及Vue页面自适应方案
JS获取页面宽度高度及Vue页面自适应方案。原创 2022-02-11 09:21:41 · 770 阅读 · 0 评论 -
【ElementUI】日期选择器时间选择范围限制
【ElementUI】日期选择器时间选择范围限制原创 2022-02-11 09:13:37 · 661 阅读 · 0 评论 -
vuejs中常用的正则
vue中常见的正则原创 2022-02-09 11:01:38 · 1124 阅读 · 0 评论 -
在vue项目中使用momentjs获取今日、昨日、本周、本月、上月、本年、上年等日期,时间比较计算
使用了momentjs之后发现这个日期处理控件实在是太强大了,参考下面的代码了解详细用法://假设今天为2020.12.2号//本月第一天moment().startOf('month').format('YYYY-MM-DD'); //2020-12-01//本月最后一天moment().endOf('month').format('YYYY-MM-DD'); //2020-12-31//上个月第一天moment().subtract(1,'month').startOf('mont.原创 2021-08-26 10:02:08 · 27813 阅读 · 4 评论 -
Webpack-dev-server的proxy用法
Webpack-dev-server的proxy用法前言在webpack.config.js中配置使用一:使用二使用三:使用四:使用五:解决跨域原理vue-cli中proxyTable配置接口地址代理示例更多参数参考前言如果你有单独的后端开发服务器 API,并且希望在同域名下发送 API 请求 ,那么代理某些 URL 会很有用。解决开发环境的跨域问题(不用在去配置nginx和host, 爽...转载 2019-10-24 11:11:47 · 1199 阅读 · 0 评论 -
Vue-CLI项目-vue-cookie与vue-cookies处理cookie
**vue-cookie**一.模块的安装npm install vue-cookie --save#--save可以不用写。二.配置main.js**// 配置cookie**import cookie from 'vue-cookie'Vue.prototype.$cookie = cookie; //配置时候prototype.$这里的名字自己定义不是固定是cookie...原创 2019-10-14 14:41:34 · 1102 阅读 · 1 评论 -
Vue.js 调用其他组件的方法总结
写在前面,这个知识点重要:vm.$emit(event, [...args]) 触发当前实例上的事件,附加参数都会传给监听器回调。涉及到组件之间的通信的问题,组件之间的通信可以分为以下几种:父子组件传递,父向子传递采用 props,子向父采用事件 emit。非父子组件的传递,全局 event bus, 创建一个新的 vue 的实例,采用事件的方式通信,再者采用 vuex 全局状态管理。...原创 2019-09-27 17:38:39 · 2452 阅读 · 2 评论 -
vue 开发命名规范
vue 开发命名规范1、views 命名views 文件夹下面是由 以页面为单位的 vue 文件 或者 模块文件夹 组成的,放在 src 目录之下,与 components、assets 同级。views 下的文件夹命名 views 下面的文件夹代表着模块的名字由名词组成(car、order、cart)单词只能有一个(good: car order cart)(bad: carInfo...原创 2019-09-17 10:19:43 · 813 阅读 · 0 评论 -
npm基本操作与配置
1、什么是Node.js和npmNode.js是一个Javascript运行环境(runtime environment),实质是对Chrome V8引擎进行了封装。Node.js不是一个 JavaScript 框架,不同于CakePHP、Django、Rails。Node.js 更不是浏览器端的库,不能与 jQuery、ExtJS 相提并论。Node.js 是一个让 JavaScript ...原创 2019-09-16 15:15:31 · 456 阅读 · 0 评论 -
element-ui 选择时间范围限制条件
1、element-ui选择时间组件:<el-date-picker v-model.trim="ruleForm.messTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder=...原创 2019-08-29 10:59:46 · 2144 阅读 · 0 评论 -
vue基础methods、computed、created、mounted简析
1.created :实例创建完成后执行的代码。2.mounted:该钩子在服务器端渲染期间不被调用。如果你希望等到整个视图都渲染完毕,可以用 vm.$nextTick 替换掉 mounted。mounted: function () { this.$nextTick(function () { // Code that will run only after the //...原创 2019-04-17 13:34:18 · 2112 阅读 · 0 评论 -
vue生命周期钩子函数的正确使用方式
对于vue生命周期我们还是要先了解清楚,因为不同的生命期用不同的钩子函数,先上图:遇到的一个问题在我的项目中,常用的生命周期钩子函数一直都是mounted,对于大部分情况,都是屡试不爽、捷报频传~但是在前几天却遭遇了一个意外,我在mounted中获取后台数据并更新data,在template中把data.fullname与一个p元素的innerHTML绑定,这是一个简单到不能再简单,普通到不...转载 2019-04-17 16:29:16 · 14015 阅读 · 5 评论 -
Vue学习之路第三篇:插值表达式和v-text的区别
Vue学习之路第三篇:插值表达式和v-text的区别上一篇说到插值表达式有一个问题:页面频繁刷新或者网速加载很慢的时候,页面会先出现“{{ msg }}”,再一闪而过出现真实的数据。对于这个问题Vue给予了解决办法,看具体事例。 {{ msg }} 节点中我们定义了 Vue 的内置属性 “v-cloak”<style type="text/css"> ...转载 2019-04-27 15:58:40 · 222 阅读 · 0 评论 -
详解vue axios用post提交的数据格式,axios post提交formdata的实例
vue框架推荐使用axios来发送ajax请求,之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求,现在我自己搭博客时使用了post方法,结果发现后台(node.js)完全拿不到前台传来的参数。后来进过一番探索,终于发现问题所在。post提交数据的四种编码方式这应该是最常见的post编码方式,一般的表单提交默认以此方式提交。大部分服务器语言对这种方式都有...转载 2019-05-05 12:03:50 · 17569 阅读 · 0 评论 -
axios里的post请求需要注意的两点
axios里的post请求需要注意的两点:var _this = thisvar data = { filter:'-_id'}$.ajax({ url:'http://localhost:3000/api/goods/get', type:'post', data:data, dataType:'json', ...转载 2019-05-05 15:54:39 · 1206 阅读 · 0 评论 -
vue中axios处理http发送请求的示例(Post和get)
本文介绍了vue中axios处理http发送请求的示例(Post和get),分享给大家,具体如下:axios中文文档https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format axios文档在处理http请求方面,已经不推荐使用vue-resource了,而是使用最新的axios,下面...原创 2019-05-05 16:07:22 · 2175 阅读 · 0 评论 -
element-ui级联选择器(Cascader)获取级联对象 (主要是想获取:label值)
element-ui级联选择器(Cascader)获取级联对象 (主要是想获取:label值)最近使用element-ui 的Casecader 级联对象时,后台要求将对象的label值也传过去,然而,element-ui 官方并没有提供这样方(keng)便 ( die ) 的方法。一时间直是束手无策…无奈只能通过遍历树来一一获取了: getCascaderObj = function(v...原创 2019-07-25 10:55:09 · 4713 阅读 · 0 评论 -
vue2.0阻止事件冒泡
1.example<transition name="fade"> <div class="picker_wrap" v-show="roomSelectShow" @click="cancelSelect"> <div class="picker_alert" @click.stop> <div cl...原创 2019-08-24 10:27:18 · 1666 阅读 · 0 评论 -
vue-axios post请求发送复杂数据类型详解
**vue axios post请求发送复杂数据类型详解基础介绍开始**一般post不允许发送复杂数据类型,比如object和array,而jquery的ajax封装了这个方法,使得可以发送复杂数据格式;$.ajax({ type: 'POST', url: 'http://www.skybseo.cn/php/jiekou.php', data: { ...转载 2019-04-25 22:48:41 · 1226 阅读 · 0 评论