vue
小丸子yeah~
这个作者很懒,什么都没留下…
展开
-
VUE3 换肤/根据主题动态切换图片
【代码】VUE3 换肤/根据主题动态切换图片。原创 2024-03-22 10:20:40 · 303 阅读 · 0 评论 -
VScode常用插件
一.自动补全代码插件Auto Close Tag介绍:能够自动添加HTML/XML的结束标签。二.代码格式统一插件Eslint介绍:ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。(不包含css、html)三.格式化插件Beautify介绍:VS代码在内部使用js beautify,但是它缺乏修改您希望使用的样式的能力。这个扩展允许在VS代码中运行js beautify,并在打开文件的路径树中使用任何.js原创 2020-11-06 17:47:55 · 119 阅读 · 0 评论 -
this.$route路由对象属性
包括的属性有:$route.path 类型: string字符串,对应当前路由的路径,总是解析为绝对路径,如 “/foo/bar”。$route.params类型: Object一个 key/value 对象,包含了动态片段和全匹配片段,如果没有路由参数,就是一个空对象。在使用带参数的路由路径时,传递的参数值。$route.query类型: Object一个 key/value 对象,表示 URL 查询参数。例如,对于路径 /foo?user=1,则有 $route.query.user ==原创 2020-11-02 17:26:21 · 3449 阅读 · 0 评论 -
用vue-cli 3.0搭建项目的坑
一些参考文章:https://cn.vuejs.org/v2/guide/https://cli.vuejs.org/zh/config/https://www.jianshu.com/p/6307c568832d/https://www.cnblogs.com/loveyaxin/p/10107550.html自己配置时遇到的一些问题:1.官网说安装vue-cli 用npm inst...原创 2020-04-27 21:31:59 · 137 阅读 · 0 评论 -
Vue 读取HTMLCollection列表的length为0
在计算better-scroll右侧列表滚动高度的时候,发现列表的length为0原因:上网查阅发现问题可能是由于mounted 不会承诺所有的子组件也都一起被挂载。这个时候dom元素还有没挂载完毕。如果你希望等到整个视图都渲染完毕,可以用 vm.$nextTick 替换掉 mounted:mounted () { this.$nextTick(() => { ...原创 2020-01-05 10:53:57 · 5229 阅读 · 5 评论 -
在vue中better-scroll的用法以及不能滑动的原因
一.用法1.首先要安装better-scroll:npm install better-scroll --save然后在项目中引入它:import BScroll from ‘better-scroll’2.使用html:<template> <div class="content"> <div class="left" ref="left...原创 2019-12-23 16:37:28 · 1399 阅读 · 1 评论 -
在子组件中对props里的值进行处理报错
问题描述:在created函数中对props里的值进行处理报错,显示没有定义.substr这个属性props: { swiperCustomInfo: { type: Object } }created: function(){ this.endtime = this.swiperCustomInfo.endTime.substr(0, 10);...原创 2019-11-08 15:34:42 · 957 阅读 · 0 评论 -
van-swipe插件里面无法引入自定义组件问题
问题描述:一开始把van-swipe里面的元素直接替换为自定义的组件报错,原因是van-swipe要实现轮播效果必须要van-swipe-item一起使用。解决办法:可以在van-swipe-item里面引入自定义的组件(components):vipSwipe。代码如下:<van-swipe :loop="false" @change="onChange"> &l...原创 2019-11-08 15:17:54 · 1288 阅读 · 0 评论 -
v-if用数组内的值来进行条件判断报错
v-if用数组内的值来进行条件判断是会报错的,看文档说v-if只能接受变量,试过,可以用对象来判断bridshow: { 0: true, 1: false, 2: false } <div class="brid1 brid" v-if="bridshow[0]"> //something else </div> <div class="br...原创 2019-10-25 11:41:30 · 1838 阅读 · 0 评论 -
vant库 van-image标签无法引用本地图片
如果把van-swipe-item写成for循环,内部的van-image标签无法使用本地图片,解决办法:1.把van-image标签换成img,去掉for循环的使用<van-swipe :loop="false" @change="onChange"> <van-swipe-item> <img src="../../asse...原创 2019-10-25 10:49:20 · 11852 阅读 · 0 评论 -
vue在单页设置body背景色
直接在当前的page内设置mounted() { document .querySelector("#app") .setAttribute("style", "background-color:#FFFFFF"); }, beforeDestroy() { document.querySelector("#app").removeAttribut...原创 2019-10-24 19:52:05 · 1804 阅读 · 0 评论 -
解决vue的顶部滑动导航组件的一些问题
一.由于默认此组件全屏显示,所以需要取消全屏显示解决办法: 去掉id为slider元素的一个类名:mui-fullscreen 即可二.因为这个组件是js组件,自带滑动行为,所以要引入js文件,并初始化scroll控件解决办法:1.先导入mui的js文件2.在它所在的组件被挂载(mounted钩子函数)时将这个完成这个组件的初始化:mounted() { // 当 组件中的DO...原创 2019-08-31 20:26:59 · 1214 阅读 · 0 评论