webZRH的博客

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

this.$refs.elementHeight.offsetHight这样返回undefined this.$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 = this GetFormParams({ uploadType: 'DDemand' }).then(res => { this.fileList.signature = res.signature this.fileList.policy = res.policy this.fileList.file = obj.fil...

1.运行npm install less less-loader --save 2.配置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 firstVue cd firstVue npm install npm run dev 安装less依赖， 命令npm insta...

1.安装vux   npm install vux --save 2.安装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.less 2.完成以后在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.html v-model在一个组件中只能用一次，即只能定义监听一个变量和事件 一下是一个tab切换组件 父组件 <tab v-model="active" @change="change" :list="list"/> 子组件 <!-- 运用v-model ...

1.data中有对象obj :{name:'远航'，age:18} 2.此时新增phone this.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 [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm WARN deprecated [email protected]: 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"> <!-- 添加一个