vue
LamDengGG
这个作者很懒,什么都没留下…
展开
-
制作列表无缝滚动 vue-seamless-scroll
安装 npm install vue-seamless-scroll --save 在main.js文件里引用 import scroll from 'vue-seamless-scroll' Vue.use(scroll) 在组件中使用 <template> <div class="result"> <div class="return-home" @click="returnHome"></div> <div class="s原创 2021-01-14 15:52:07 · 186 阅读 · 0 评论 -
vue 中封装axios
vue 中封装axios /api/index.js文件 import axios from "axios"; import router from "../router/index"; import Vue from "vue"; //获取vue实例 const _vue = Vue.prototype; // axios封装请求方法 // axios配置 const that = this; const config = { baseURL: "", headers: {原创 2020-12-31 12:06:12 · 158 阅读 · 0 评论 -
uni-app修改data里的数组某个值
uni-app修改data里的数组某个值 检测变化的注意事项 由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。 尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。 // 直接更新数组某个元素的属性,视图上不会同步更新,要使用这种方式。 /** * @param arr 所要更新的数组 * @param index 所要更新的数组的哪一项 * @param value 更新后的值 */ this.$set(this.arr, index, value); 参考1 ht原创 2020-12-25 14:35:45 · 9152 阅读 · 1 评论 -
vue-cli4脚手架配置
在项目根目录创建vue.config.js文件 const path = require("path"); //引入path模块 function resolve(dir) { return path.join(__dirname, dir); //path.join(__dirname)设置绝对路径 } module.exports = { publicPath: "./", outputDir: "dist", assetsDir: "assets", // 反向代理 devSe原创 2020-12-08 17:34:25 · 334 阅读 · 0 评论 -
vue项目中使用vant
全局使用 在main.js中全局引入vant import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant); 组件中直接使用 <div class="cancel-btn" @click.prevent="cancelEvent('张三', 44231563215241110)" > 核销 </div> methods: { cancelEvent(name, userId) { th原创 2020-11-20 17:41:18 · 2754 阅读 · 2 评论 -
axios封装 vue
引入axios封装 import axios from "axios"; // axios封装请求方法 // axios配置 const config = { baseURL: "", headers: { "Content-type": "application/json", }, timeout: 30000, }; const instance = axios.create(config); // 请求前做拦截,用于判断 const requestInterceptor =原创 2020-11-10 18:40:49 · 92 阅读 · 0 评论 -
vue 全局自定义组件 components
创建组件 在/components目录下创建tabBar.vue <template> <div class="barBar-container"> <div class="barBar-item" v-for="(item ,index) in tabBarImg" :key="index" @click="switchToTab(item.path)" > <img :src="$原创 2020-09-23 11:22:36 · 567 阅读 · 0 评论 -
vue项目引入vant
vue项目引入vant npm i vant -S 在使用的page.vue中的直接按需引入 <script> import Vue from "vue"; import { Button, Form, Field } from "vant"; import "vant/lib/index.css"; Vue.use(Button).use(Form).use(Field); </script>原创 2020-09-18 18:08:17 · 513 阅读 · 0 评论 -
js控制样式,页面往前效果
js控制节点样式变化,做到往前推动效果 监听某个值,改变节点样式,做到往前推动效果 不能同时改变两个,或两个以上节点样式,不然会有卡顿效果 watch: { runTime(val, old) { let pageNode = 50; let bar = parseFloat(val % 50); //50个节点1P let scaleVal = 1 + bar * (2 / 49); //放大1+1.5倍 let opacity1 = 1 - 0原创 2020-09-18 14:39:03 · 180 阅读 · 0 评论