webZRH的博客

注意分包目录是否带/斜杠

this.$refs.elementHeight.offsetHight这样返回undefinedthis.$refs['element'].offsetHeight 这样写可以如果元素要渲染的话放在this.$nextTick获取this.$nextTick(()=>{ this.$refs['element'].offsetHeight})

@import'../../../../assets/css/table-common.less'; //这是页面子组件引用css 注意层级目录../@import'../../../assets/css/table-common.less'; //这是页面引用css 注意层级目录../我使用@import'@./assets/css/table-common.less';会有问题...

因为点击弹窗需要计算当前商品数量，需要立即执行，用watch监听控制弹窗显示的变量即可 watch: { dialogVisible: { deep: true, handler(newV, oldV) { if (newV) { this.checkedFun() } } } },...

多用于列表跳转详情，再次返回保持列表上次访问状态注意A列表访问A详情 A详情返回A列表会保持上次访问状态 如果A列表访问A详情 A详情访问B列表，B列表会显示为A列表，这个时候就需要做处理 如果不是从所属详情页跳转所属列表就激活 activated这个就是激活的时候 https://cn.vuejs.org/v2/api/#activated...

uploadImg(obj) {const that = thisGetFormParams({ uploadType: 'DDemand' }).then(res => {this.fileList.signature = res.signaturethis.fileList.policy = res.policythis.fileList.file = obj.fil...

1.运行npm install less less-loader --save2.配置webpack.base.conf.js 中的module->rules { test: /\.less$/, loader: "style-loader!css-loader!less-loader", },

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org(国内太慢使用淘宝镜会快很多)cnpm install -g vue-cli vue init webpack firstVuecd firstVuenpm installnpm run dev安装less依赖，命令npm insta...

1.安装vux   npm install vux --save2.安装vux-loader（vux2必须结合vux-loader使用，本文也只是介绍vux2的配置）   npm install vux-loader --save-dev 3.安装vux-loader（vux2必须结合vux-loader使用，本文也只是介绍vux2的配置）   npm install vux-load...

1.在src新建views文件存放vue页面，在router文件夹index.js配置页面路径2.引入页面，配置路径import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import Index from '@/views/index...

1.在项目src/assets目录新建文件夹styles或style文件夹新建theme.less文件，根据需要修改对应颜色例如修改tabber颜色  @tabbar-text-active-color: #d5b781;可去下边文件复制配置https://github.com/airyland/vux/blob/v2/src/styles/variable.less2.完成以后在bu...

1.let banner = https://x.bycdiamond.cn:8443/byc/pic/banner.png;特别需要注意的:style="{ 'background-image': 'url(' + banner + ')' }"背景图片类的2.多个样式:style="{ color: activeColor, fontSize: fontSize + 'px' }...

https://cn.vuejs.org/v2/guide/components-custom-events.htmlv-model在一个组件中只能用一次，即只能定义监听一个变量和事件一下是一个tab切换组件父组件<tab v-model="active" @change="change" :list="list"/>子组件<!--运用v-model...

1.data中有对象obj :{name:'远航'，age:18}2.此时新增phonethis.obj.phone = '123456'  再次更新 用this.obj.phone = '654321' 视图未更新  用this.$set(this.obj,"phone", "654321");也未更新3.添加完成以后数据有更新，视图未更新， 解决问题：因为obj中没有p...

this.$router.push('/index')路由跳转import Vue from 'vue'import Router from 'vue-router'import store from '../vuex/store'Vue.use(Router)const router = new Router({routes: [{path...

npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixe...

1.模板navigation-link<a v-bind:href="url" class="nav-link"> <slot></slot></a>2.引入模板navigation-link<navigation-link url="/profile"> <!-- 添加一个