vue-component相关内容

vuejs 单选按钮组件

我试图让这个自定义单选按钮组件在 vuejs 中工作.如何使用父组件中的值检查单选按钮.我知道您使用 v-model 并将其设置为输入值之一中的相同值,但它似乎无法正常工作. 组件: export default Vue.component('radioButton', {模板,道具:['name', 'label', 'id', 'value']}) 组件模板: ..
发布时间:2021-07-02 18:59:09 前端开发

Vue组件设置child的数据值

我正在使用 vue 轮播 https://ssense.github.io/vue-carousel/api/ 效果很好,但我需要重置轮播 我可以看到当前页面有一个值,我认为将它设置为 0 可以作为重置.然而,这些似乎不是允许我这样做的公开方法.我可以从父母那里设置吗? 解决方案 如果要在子组件上设置数据属性,可以设置一个 ref 属性,然后通过 this.$refs 访 ..
发布时间:2021-06-14 19:21:58 其他开发

NuxtJS - 在布局或组件中使用 asyncData 方法

如何在布局或组件中使用 asyncData(显然被禁止)? 因为我的侧边栏组件用于默认布局,我需要使用 asyncData 来显示来自后端的数据.如果我使用 Vuex 来获取数据......我不知道如何在每个页面上使用 global 来获取它. 我的布局组件注解: @Component({组件: {左抽屉},async asyncData({ app }) {const lates ..
发布时间:2021-06-11 18:47:34 前端开发

Nuxt 配置动态样式表

我将如何根据点击的 UI 按钮动态加载样式表(在 Nuxt.js 中). 例如,我的 nuxt.config.js 中有这个: let org = 'default';模块.出口 = {css: ['~/assets/sass/' + org + '/index.scss',]}; 我省略了此块中的一些代码,但您看到的是回答我的问题所需的主要代码. 本质上,我有一个 UI 按钮,当 ..
发布时间:2021-06-11 18:47:16 前端开发

如何在 Nuxt.js 中获取当前路由名称?

我正在使用 Nuxt.js 来构建静态网站. 如何在组件的 script 代码中访问当前显示的路由名称(我想避免从浏览器位置读取直接 url)? 我可以以某种方式访问​​ $route.name 吗? 解决方案 是的,您可以使用 vuejs 路由对象,例如 $route.name 或 $route.path $nuxt.$route.path 返回当前路径 $nuxt.$ ..
发布时间:2021-06-11 18:46:00 前端开发

Vue 监听 Vuex 提交?

有没有办法在不查看随提交更改的任何属性的情况下监听 Vuex 提交?只是简单地找出是否发生了提交? 我有一个过滤器组件,我想将其放入 NPM 包中,但我已经有一个用例,我想设置一个 cookie,在选择过滤器时存储过滤器首选项. 显然,设置 cookie 等不是过滤器组件的责任,这应该是可选的. 我想一种方法是使用全局事件总线,但这意味着使用我的包的用户必须完全按照我的需要设置一 ..
发布时间:2021-06-09 19:05:02 前端开发

Vue Instance/Component 只是 MVVM 中的 ViewModel 吗?

来自 Vue 文档: 在 Vue.js 中,每个 Vue 实例都是一个 ViewModel. 在阅读了很多关于 MVC、MVP 和 MVVM 等设计模式的文章后,我对此有点困惑. 我们都知道在 Vue 实例或 Vue 组件(也是 Vue 实例)中,我们有 ,它使用基于 HTML 的语法.这部分不是MVVM中的View吗? 并且Vue组件中有data(),computed.它 ..
发布时间:2021-06-04 21:03:02 前端开发

Vuetify Nuxt.js:如何在Carousels图标中添加路由链接

js和Vuetifiy我想在Carousels图标中添加“路由"链接.如果我按图标,它应该打开路由链接.我试过了,但它没有响应我的链接它不起作用在我尝试过的以下代码中,但注释起作用了 {图片: [{src:"/image1.png",标题:"Shopping-Page",到:"/ShoppingPage"}},{src:"/image2.png",标题:"Cart-Page",到:"/Cart ..
发布时间:2021-05-29 18:52:21 前端开发

更新组件外部的元素

我正在使用Laravel和Vue创建一个具有主layout.blade文件的应用,然后在使用component和VueRouter. 我无法理解的是如何实现以下目标.假设我有两条路由"Home"和"About",它们分别调用了专用的home.vue和about.vue组件文件. 如果在组件外部我有一个H1作为主页中包含的页面标题,该怎么办?我将如何进行更新?可以在route.js或组件 ..
发布时间:2021-05-28 21:20:47 前端开发

在Laravel中安装Vue 3.0

是否可以将vue 3.0安装到Laravel 8?当我跑步 npm install vue @ next 它开始安装Vue 3.0,但由于某种原因,它也开始安装 vue-template-compiler v2.6.12.出现以下内容: 必须安装其他依赖项.这只需要一点时间.运行:npm install vue-template-compiler --save-dev --produ ..
发布时间:2021-05-28 20:26:09 前端开发

在运行时编译作为prop收到的Vuetify标签/模板

我想向组件发送一个“模板"道具,然后进行渲染.如果我发送纯HTML可以正常工作,但是如果我发送Vuetify标记(例如 test ),则不会编译模板. 我知道我不应该通过道具传递模板,但这是一个特定的情况:父组件充当“模板构建器",并且子组件充当“结果查看器",因此我必须将创建的模板传递给子组件,以便它可以编译并显示它. 这就是我一直在尝试的东西: ..
发布时间:2021-05-19 20:43:59 前端开发

Vue.js 3-在Vue中使用VueI18n插件时出错-无法设置未定义的属性'_vm'

我刚刚开始使用Vue.js,并通过一些在线代码段和教程对其进行了学习.我正在尝试为我的vue项目实施国际化支持,但是在Web控制台中出现错误. 这是我的代码段 main.js 从'vue'导入{createApp};从"./App.vue"导入应用;从'vue-i18n'导入VueI18n从'./router/index'导入路由器函数loadLocaleMessages(){con ..
发布时间:2021-05-19 20:42:20 前端开发