vue
vue学习分享
曈欣
这个作者很懒,什么都没留下…
展开
-
vue 中属性值上变量和字符串怎么拼接
在Vue 3中,可以使用模板字面量(template literals)或者表达式绑定(directives)来实现属性值上变量和字符串的拼接。的值将会是拼接后的字符串,例如。1.使用模板字面量(反引号。2.使用表达式绑定(使用。例如,假设你有一个变量。原创 2024-09-19 08:43:08 · 395 阅读 · 0 评论 -
vue 给循环列表的选中项加样式
你可以维护一个数据属性来记录选中的项,并根据这个属性来给不同的项添加特定的类名。在Vue 3中,给循环列表中的选中项加样式可以通过使用。,每个列表项都可以被点击,点击后会调用。类包含了我们想要添加到选中项的样式。在这个例子中,我们有一个循环的列表项。类就会被添加到该项的元素上。方法,并将当前项设置为。原创 2024-09-19 08:03:36 · 321 阅读 · 0 评论 -
vue 控制组件是否显示
2.v-show:通过改变CSS的display属性来控制元素的显示和隐藏。:条件性地渲染元素,如果条件为假,元素甚至不会被渲染到DOM中。在Vue中,控制组件的显示通常使用。原创 2024-09-09 08:44:40 · 439 阅读 · 0 评论 -
vue 中使用 v-for 循环遍历对象并展示在模版中
在Vue中,你可以使用。创建了一个循环,遍历。确保了每个节点的key是唯一的,这对于Vue的渲染系统来说是必须的。指令来循环遍历对象属性,并将其显示在模板中。原创 2024-09-06 05:25:08 · 383 阅读 · 0 评论 -
vue3 通过 绑定 ref 重置 DOM
来创建一个对DOM元素的引用,然后通过访问这个引用来操作DOM。引用的DOM元素内容重置为'这是重置后的内容'。的方法,当按钮被点击时,这个方法会被调用,并将。以下是一个简单的例子,展示了如何通过。来重置DOM元素,你可以在组件的。在这个例子中,我们创建了一个。函数中,我们定义了一个名为。在Vue 3中,可以使用。包导入,并在模板中使用。为它绑定了一个引用。属性绑定DOM元素。原创 2024-09-06 04:39:14 · 452 阅读 · 0 评论 -
vue 3.0 使用element-plus按需导入方法和报错解决
TypeError: AutoImport is not a function ;TypeError: Components is not a function原创 2023-12-31 14:23:16 · 4495 阅读 · 13 评论 -
解决 Mac 电脑卸载vue/cli 失败的情况
执行之后,会让你输入本机密码,输入后就发现vue/cli版本已经卸载成功了,可以执行下面的命令来检查自己的vue是否已经真的卸载成功。会给出一个路径 /usr/local/bin/vue,这个路径就是存放vue文件的地方,我们进入bin这个文件目录下。但卸载之后,用 vue -V 查看版本,发现还在。先找到 vue/cli 在什么位置,在终端输入下面的命令。这样就卸载成功了,可以安装新的版本了。进入上面的目录后,执行。原创 2023-12-31 07:04:55 · 663 阅读 · 0 评论 -
Vue3使用 swiper 详细总结 填坑分享
使用 swiper 的时候,遇到了一些问题,通过这篇文章总结一下。报错:To install them, you can run: npm install --save swiper/css swiper/vue。左右切换按钮无效,分页Pagination不显示。vue单文件组件中无法修改swiper样式原创 2023-11-17 22:12:23 · 1281 阅读 · 1 评论 -
Vue-Cli3/4 路径别名配置和使用
在开发vue的项目中,我们肯定需要对路径进行配置,因为在各个文件中,导入文件什么的,使用./、和../这种格式的相对路径,就比较的烦,要对路径的结构相当的熟悉,而且难以维护。所以我们就要去设置别名(alias)原创 2023-11-16 19:51:14 · 606 阅读 · 1 评论 -
Vue配置路径别名之后不能跳转文件了
在我们的项目里面用aliases配置了路径别名之后 我们的vscode不能根据别名路径导入的包跳转文件了.所以我们还需要jsconfig.json的支持。原创 2023-11-17 07:08:02 · 446 阅读 · 1 评论 -
解决 vue 外部引入的 scss文件 不能使用嵌套写法的问题
我在 App.vue 里面引入的 scss 文件,但是 style 标签上没有使用 lang 属性,表明用的是 scss。这里要加上 lang="scss"。文件引入直接写路径就可以。我在 scss 文件中,写了一段嵌套样式,发现样式没有生效。审查元素发现 scss 没有被编译。原创 2023-11-11 18:53:00 · 448 阅读 · 2 评论 -
vue-cli3配置scss全局变量
想在vue项目中全局使用scss变量,方便使用和维护。首先要保证 scss 文件是可以正常编译的,再进行以下配置。原创 2023-11-08 22:29:10 · 511 阅读 · 1 评论 -
Vue3 router 项目路由配置
这里不写组件,写一个回调函数,回调函数之后可以执行 import 是一个方法,方法里面写组件的路径。注意:app.use(router) 需放在app.mount('#app')前面 不然加载时router-view、router-link等未被渲染,会报错。四个主页面是子路由,这样在父路由引入底部导航,子路由都可以显示。配置好后,在浏览器地址链接就有哈希 # 的 显示了,说明我们路由是配置成功了。不设置根目录,控制台会有警告,告诉我们没有配置默认的路由。给根目录配置默认展示内容,是首页的内容。原创 2023-11-04 20:40:34 · 319 阅读 · 1 评论 -
vue-cli 搭建 Vue 项目
vue-cli 搭建 Vue 项目。安装、创建、运行原创 2023-09-05 14:09:05 · 63 阅读 · 0 评论