问题标签 [vuejs3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3901 浏览

css - 如何使用 ::v-deep() 在 vue 中?

我正在尝试将现有样式类应用于将使用加载的子元素v-html,因为/deep/并且已被弃用,我在 vue 中>>>尝试过。::v-deep

但是 vue 编译器说, *::v-deep 用作组合器已被弃用。使用 ::v-deep() 代替。(使用 Vue 3.0.0-beta.1)

如何使用 ::v-deep() 并摆脱这个编译错误?

请帮助,在此先感谢

0 投票
2 回答
141 浏览

vue.js - 获取按钮的值(vuejs)

我想在单击时获取按钮的值我已经添加了一个方法。但每当我点击那里什么都没有。值不通过。谁能帮我?谢谢你。

这是代码:

方法:

按钮值的DATA(Json)

数组数据:小、中、大

this.buttonvalue= this.item[0].buttonvalue.split(',');

0 投票
1 回答
314 浏览

vue.js - 来自 sessionStorage 的对象在 vuejs / vuex 中没有反应

我知道这是一个菜鸟问题,但尽管浏览了不同的帖子,我还是无法弄清楚。请帮忙。我正在用 Vue 和 Vuex 构建一个购物车。我将购物车的内容存储在其中,sessionStorage以便在用户刷新时它仍然存在。

当页面加载时,我能够从会话中检索购物车并将其添加到 vuex 状态,但它不会反映在 DOM 中,直到我将新项目添加到购物车中。我该如何解决这个问题?

这是我的代码:我检查是否有任何会话beforeUpdate

这是我的'restoreCart'突变:

0 投票
1 回答
348 浏览

vue.js - Buefy 轮播模板插槽指示器显示损坏的图像

嗨,我是 buefy 和 vuejs 的新手,我的 json 数组中有不同的 url,需要在 buefy 轮播中显示,但是每当我使用模板 slot="indicators" 时,图像都会显示损坏的图像。已显示图像,但在模板 slot="indicators" 中显示损坏的图像。有人能帮我吗?谢谢

这是代码:

方法

JSON数组示例

0 投票
2 回答
7867 浏览

typescript - 带有 Typescript 的 Vue3 路由器:缺少 RouteConfig

我从 @vue/cli 创建了一个新的 vue 项目$> vue create my-project,激活了 Typescript 选项和路由器选项,并使用$>vue add vue-next.

现在,$>npm run serve失败了

整个文件并没有那么长,后面会用到RouteConfig:

:什么是正确类型的 RouteConfig,我需要createRouter什么?

0 投票
2 回答
436 浏览

vue.js - 单击增量按钮后跨度不更改值(Vue.js)

我是 Vue.js 的新手。当我单击增量按钮时,跨度值根本不会改变。我已经添加了点击方法并添加了一个条件。但它仍然没有改变跨度。谁能帮我?

这是代码:

应用程序.vue

可以在这里运行:

https://codesandbox.io/s/gifted-hooks-3po0z?file=/src/App.vue

0 投票
0 回答
447 浏览

vue.js - 如何将 Vue 鼠标事件与组合 api 一起使用?

我只是想看看@mouseup、@mousedown、@mousemove 事件是如何工作的。我只有一个 div:

// html

// CSS

// Vue

现在每次单击时,我都可以看到所有 3 个事件都被调用一次,但是当我单击并拖动时没有任何反应,没有调用任何事件。

这是为什么 ?我似乎无法理解为什么。

0 投票
1 回答
413 浏览

vue.js - 在父组件中使用 v-if 和在子组件的根中使用 v-if 有区别吗?

假设我们有两个组件 -<Parent/><Child />,并且必须有条件地渲染子组件。v-if在渲染子元素的父元素中使用和在根元素的子元素中使用它有区别吗?

父级进行条件渲染:

孩子做条件渲染:

我知道他们有效地做同样的事情,但是当父级进行条件渲染时,是否有像 vue 这样的东西能够做更多的优化?或者与另一种方式相比,一种方式有其他好处吗?

0 投票
0 回答
1746 浏览

rollupjs - 构建带有汇总的 Vue.js 3(测试版)应用程序时出现问题:“错误:意外的令牌(请注意,您需要插件才能导入不是 JavaScript 的文件)”

我正在尝试使用 Rollup 构建一个 Vue.js 3 (beta) 应用程序。

  • Vue.js 3.0.0-beta.15
  • 汇总 2.18.1
  • rollup-plugin-vue6.0.0-beta.6

我明白了:

我的汇总配置:

已经苦苦寻找类似的案例,但还没有找到解决方案。有谁知道,这可能是关于什么的?

资料来源:资料来源:https ://github.com/akauppi/GroundLevel-es6-firebase-web/tree/pr-prod

0 投票
3 回答
1229 浏览

vue.js - 如何从另一个数据属性访问 Vuejs 数据属性?

这些是我的代码

当我要从任何函数调用 this.cat2.reference 时,它​​给我的值是 false。我不想在某处声明 cat1 并在此处引用。我想要与上面完全相同的结构,这样我就可以完美地获得 cat2 参考。

任何人都可以请告诉我任何解决方案吗?