vue、element-ui学习笔记1

本文探讨了Vue项目中常见的技术难题,包括动态修改图片路径导致的Webpack解析错误、Element UI点击事件处理、全局变量定义与使用、Element UI布尔属性设置、省市区联动插件应用、Vue生命周期详解及路径指向问题等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题

1,动态改变src的字符串时出现路径错误的问题,原因是webpack不解析
<img :src="'static/nav_left'+index+ 1 +'.png'" alt />
2,在vue项目中使用element的el-dropdown-item标签时

给标签添加click事件不生效

<el-dropdown-item @click="click()"></el-dropdown-item>

对于这个标签的点击事件需要这样写才能生效

<el-dropdown-item @click.native="click()"></el-dropdown-item>

在@click后加了 .native

3,给项目添加全局变量

创建两个文件
在这里插入图片描述
在这里插入图片描述
定义的变量如何在客户端使用

注意:只有 VUE_APP_ 定义的变量才能在客户端代码中使用*

客户端使用方式:process.env.VUE_APP_*

4,当element-ui中某个标签的属性值为bool值时

这样填会报错 false是一个字符串
在这里插入图片描述
需要这样写
在这里插入图片描述

5,省市区三级联动选择器插件

vue 基于 Element UI 省市区组件

vue-area-linkage

6,vue生命周期图示

在这里插入图片描述

7, 指向问题

~@和@都是指向src目录

8,只有预先定义的数据才能用于切换
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值