![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
个人看法
求人不如靠自己!
低调谦逊!远离杠精!!!
展开
-
小程序分页root路径问题
注意分包目录是否带/斜杠原创 2021-12-23 18:18:25 · 240 阅读 · 0 评论 -
vue获取元素高度
this.$refs.elementHeight.offsetHight这样返回undefinedthis.$refs['element'].offsetHeight 这样写可以如果元素要渲染的话放在this.$nextTick获取this.$nextTick(()=>{ this.$refs['element'].offsetHeight})原创 2021-04-30 17:05:22 · 2466 阅读 · 1 评论 -
vue页面引入css、less文件
@import'../../../../assets/css/table-common.less'; //这是页面子组件引用css 注意层级目录../@import'../../../assets/css/table-common.less'; //这是页面引用css 注意层级目录../我使用@import'@./assets/css/table-common.less';会有问题...原创 2021-04-07 11:30:05 · 2712 阅读 · 0 评论 -
vue 列表弹窗详情,弹窗内立即执行方法
因为点击弹窗需要计算当前商品数量,需要立即执行,用watch监听控制弹窗显示的变量即可 watch: { dialogVisible: { deep: true, handler(newV, oldV) { if (newV) { this.checkedFun() } } } },...原创 2019-08-21 15:44:34 · 2383 阅读 · 0 评论 -
vue keep-alive爬坑
多用于列表跳转详情,再次返回保持列表上次访问状态注意A列表访问A详情 A详情返回A列表会保持上次访问状态 如果A列表访问A详情 A详情访问B列表,B列表会显示为A列表,这个时候就需要做处理 如果不是从所属详情页跳转所属列表就激活 activated这个就是激活的时候 https://cn.vuejs.org/v2/api/#activated...原创 2019-07-10 18:23:34 · 204 阅读 · 0 评论 -
vue上传图片到又拍云
uploadImg(obj) {const that = thisGetFormParams({ uploadType: 'DDemand' }).then(res => {this.fileList.signature = res.signaturethis.fileList.policy = res.policythis.fileList.file = obj.fil...原创 2019-06-24 15:20:32 · 1282 阅读 · 0 评论 -
运行vue项目警告
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...原创 2019-02-19 16:34:06 · 1174 阅读 · 0 评论 -
mpvue配置less
1.运行npm install less less-loader --save2.配置webpack.base.conf.js 中的module->rules { test: /\.less$/, loader: "style-loader!css-loader!less-loader", },原创 2018-08-07 11:41:34 · 2084 阅读 · 0 评论 -
新建vue项目命令操作
在命令行中输入 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...原创 2018-08-15 14:25:45 · 1317 阅读 · 1 评论 -
vue配置vux
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...翻译 2018-08-20 19:19:40 · 301 阅读 · 0 评论 -
vue定义页面
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...原创 2018-08-23 22:37:42 · 657 阅读 · 0 评论 -
vux配置主题颜色
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...原创 2018-08-21 10:33:20 · 1469 阅读 · 0 评论 -
vue style样式变量背景图
1.let banner = https://x.bycdiamond.cn:8443/byc/pic/banner.png;特别需要注意的:style="{ 'background-image': 'url(' + banner + ')' }"背景图片类的2.多个样式:style="{ color: activeColor, fontSize: fontSize + 'px' }...原创 2018-08-21 17:49:57 · 4859 阅读 · 0 评论 -
vue中 v-model form中有v-model,自定义组件也有v-model
https://cn.vuejs.org/v2/guide/components-custom-events.htmlv-model在一个组件中只能用一次,即只能定义监听一个变量和事件一下是一个tab切换组件父组件<tab v-model="active" @change="change" :list="list"/>子组件<!--运用v-model...原创 2018-12-01 16:15:12 · 1941 阅读 · 0 评论 -
vue中数据更新视图不更新问题this.$set()方法
1.data中有对象obj :{name:'远航',age:18}2.此时新增phonethis.obj.phone = '123456' 再次更新 用this.obj.phone = '654321' 视图未更新 用this.$set(this.obj,"phone", "654321");也未更新3.添加完成以后数据有更新,视图未更新, 解决问题:因为obj中没有p...原创 2018-12-17 15:16:45 · 10347 阅读 · 2 评论 -
解决vue重定向问题
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...原创 2019-02-28 18:50:12 · 10602 阅读 · 0 评论 -
vue slot插槽
1.模板navigation-link<a v-bind:href="url" class="nav-link"> <slot></slot></a>2.引入模板navigation-link<navigation-link url="/profile"> <!-- 添加一个翻译 2018-07-11 17:54:21 · 420 阅读 · 0 评论