![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
猿小龙
这个作者很懒,什么都没留下…
展开
-
vue3中的 proxy对象
问题:在router.ts 内获取store中的参数时发现返回的不是JSON,而是proxy对象网上查了一下相关描述Proxy:他会代理一个对象,(实际是对代理的这个对象的属性进行读写),生成一个指定对象。从而监听被代理对象的所有getter和setter。Proxy解决了Object.definePorperty(),无法监听新增属性的操作,无法实现响应式的问题。正常理解是我可以直接读写的。但是不知道为什么。我能读到 但是报语法错误使用。原创 2022-10-16 09:04:24 · 2535 阅读 · 0 评论 -
js 获取本机IP vue 项目IP浏览
需求:因别的测试想直接查看我本地项目。但是只要运行项目就是 localhost 地址。所以弄了一个获取IP的方法const os = require('os')const path = require('path')const getIPAddress = () => { let interfaces = os.networkInterfaces(); for(let devName in interfaces) { let iface = interfac原创 2022-04-28 14:42:48 · 203 阅读 · 0 评论 -
js 同时绑定click||dblclick事件
方法一:想法是根据防抖得来的<trmplate> <div @click="rowClick" @dblclick="rowDblclick"></div></template><script>export default { data(){ return { timer: null } }, methods: { rowClic原创 2022-04-21 09:53:41 · 602 阅读 · 0 评论 -
vue data声明区别data:{}与data(){return {}}
第一种:data: {}这种可以直接挂在vue实例上第二种data(){ return {}}这种方式是为了防止,在同一个页面内多次引用同一个子组件,其中一个组件参数发生改变会造成其他组件参数的同时改变(这也是VUE中的数据双向绑定),而使用return一个初始数据对象的函数,是把最初子组件定义的初始值进行复制...原创 2020-09-18 15:26:57 · 2124 阅读 · 3 评论 -
滚动到顶部 回滚到底部
bakToTop() { var timer = null; cancelAnimationFrame(timer); timer = requestAnimationFrame( function fn() { var oTop = document.body.scrollTop || document.documentElement.scroll...原创 2019-08-13 18:01:23 · 389 阅读 · 0 评论 -
-webkit-box-orient: vertical;在webpack 打包过程中会被清理掉
第一种方法: 在css红添加注释命令;/* autoprefixer: off */ 跳过webpack 打包 -webkit-box-orient: vertical;/* autoprefixer: on */ 第二种方法:修改配置文件;1.找到配置文件/build/webpack.prod.conf.js文件,注释掉一下代码new OptimizeCSSP...原创 2019-03-26 18:25:02 · 257 阅读 · 0 评论 -
vue 添加版本号
router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title }/** * 添加版本号**/ if (document.URL.indexOf('?t=') < 0) { let timestamp = (new Date())....原创 2019-03-25 17:33:20 · 4240 阅读 · 0 评论 -
vue 图片Base64压缩上传
最近做的一个vue项目,后台要求请求头是application/json格式的,所以我对axios 进行了全局设置了请求头;但是正常上传图片都是application/x-www-form-urlencoded;charset=UTF-8格式的,这样突然出现的from请求就很是尴尬;对此和后台商量把图片转换成Base64在传过去let _this = this;// console.l...原创 2019-03-07 16:31:39 · 4088 阅读 · 0 评论 -
vue axios封装
第一步 cnpm install axios第二步 创建个js文件import axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.defaults.baseURL ='';//http request 拦截器axios.intercepto...原创 2019-03-08 16:47:20 · 134 阅读 · 0 评论 -
vue mint-ui
引用 import Mint from 'mint-ui';<template> <div class="hello"> <h1 class="page-title">Action Sheet</h1> <div class="page-actionsheet-wrapper"> .原创 2019-03-08 16:27:21 · 355 阅读 · 0 评论 -
vue lrz.js
最近的项目写一个微信公众号上传图片的功能,在网上找到了一个插件挺好用的;他是把图片转换成Base64格式的然后上传字符串;下载插件 cnpm installlrz --save-devhtml<input type="file" name="" id="photo" accept="image/*" @change="uploadFiles($event)">原创 2019-03-08 15:01:06 · 4618 阅读 · 0 评论 -
vue中使用vue-awesome-swiper
安装 cnpm install vue-awesome-swiper --save-dev在用到的模块页面中引用 jsimport { swiper, swiperSlide } from 'vue-awesome-swiper';data(){ return{ swiperOption: { loop :true, ...原创 2019-03-08 14:48:36 · 2082 阅读 · 0 评论 -
Vue有什么特性,相对于其他框架都有那些优势!
Vue中的数据渲染都有那些!{{}} vue可以直接直接使用双大括号来进行渲染数据 <div id="app">{{ message }}</div>var vm = new Vue({ el: '#app', data:{ message:"我很帅" }})v-html v-html是可以解读html标签...原创 2018-08-28 20:59:17 · 7392 阅读 · 0 评论 -
vue中 v-model的原理
Vue的v-model使用和原理v-model作用子啊input标签上才会起到相应的作用Vue HTML书写 &amp;lt;input v-model=&quot;str&quot; type=&quot;text&quot;&amp;gt;Vue js定义 new Vue({ data{ str:&原创 2018-08-28 20:16:58 · 4566 阅读 · 1 评论