vue-component相关内容
我需要在我的项目中使用 SASS 或 SCSS. 我使用 vue-cli 制作了一个入门项目的最新版本. 有人在使用 webpack 的最新启动项目中成功使用 sass/scss 吗? 解决方案 您安装必要的依赖项 npm install -D node-sass sass-loader 对于全局样式,只需将文件导入main.js: import './s
..
我试图让这个自定义单选按钮组件在 vuejs 中工作.如何使用父组件中的值检查单选按钮.我知道您使用 v-model 并将其设置为输入值之一中的相同值,但它似乎无法正常工作. 组件: export default Vue.component('radioButton', {模板,道具:['name', 'label', 'id', 'value']}) 组件模板:
..
我正在使用 vue 轮播 https://ssense.github.io/vue-carousel/api/ 效果很好,但我需要重置轮播 我可以看到当前页面有一个值,我认为将它设置为 0 可以作为重置.然而,这些似乎不是允许我这样做的公开方法.我可以从父母那里设置吗? 解决方案 如果要在子组件上设置数据属性,可以设置一个 ref 属性,然后通过 this.$refs 访
..
我对在 nuxt 项目中使用 vuetify 扩展面板组件很感兴趣.我正在查看 https://vuetifyjs.com/en/components/expansion-panels#examples .这些示例都根据如下所示的代码为每个子面板显示了相同的文本和标题:
{{面板}}
..
如何在布局或组件中使用 asyncData(显然被禁止)? 因为我的侧边栏组件用于默认布局,我需要使用 asyncData 来显示来自后端的数据.如果我使用 Vuex 来获取数据......我不知道如何在每个页面上使用 global 来获取它. 我的布局组件注解: @Component({组件: {左抽屉},async asyncData({ app }) {const lates
..
我将如何根据点击的 UI 按钮动态加载样式表(在 Nuxt.js 中). 例如,我的 nuxt.config.js 中有这个: let org = 'default';模块.出口 = {css: ['~/assets/sass/' + org + '/index.scss',]}; 我省略了此块中的一些代码,但您看到的是回答我的问题所需的主要代码. 本质上,我有一个 UI 按钮,当
..
我正在使用 Nuxt.js 来构建静态网站. 如何在组件的 script 代码中访问当前显示的路由名称(我想避免从浏览器位置读取直接 url)? 我可以以某种方式访问 $route.name 吗? 解决方案 是的,您可以使用 vuejs 路由对象,例如 $route.name 或 $route.path $nuxt.$route.path 返回当前路径 $nuxt.$
..
我有这个组件:
..
有没有办法在不查看随提交更改的任何属性的情况下监听 Vuex 提交?只是简单地找出是否发生了提交? 我有一个过滤器组件,我想将其放入 NPM 包中,但我已经有一个用例,我想设置一个 cookie,在选择过滤器时存储过滤器首选项. 显然,设置 cookie 等不是过滤器组件的责任,这应该是可选的. 我想一种方法是使用全局事件总线,但这意味着使用我的包的用户必须完全按照我的需要设置一
..
我正在使用 vue@2.1.3 和 vue 官方 webpack 模板 来构建一个应用. 在本地开发时,经常看到警告Uncaught TypeError:Cannot read property ... of undefined,但是HTML可以渲染成功.但是,当使用 npm run build 命令将 HTML 部署到 Netlify 时,它无法呈现.所以我必须认真对待这个警告. 我
..
来自 Vue 文档: 在 Vue.js 中,每个 Vue 实例都是一个 ViewModel. 在阅读了很多关于 MVC、MVP 和 MVVM 等设计模式的文章后,我对此有点困惑. 我们都知道在 Vue 实例或 Vue 组件(也是 Vue 实例)中,我们有 ,它使用基于 HTML 的语法.这部分不是MVVM中的View吗? 并且Vue组件中有data(),computed.它
..
在我的 List 组件中,我有一个方法可以计算某些类别中数组的长度. 方法:{getLengthofaCategory(猫){const LowerCaseSearch = this.search.toLowerCase();让 categoryCount = this.products.filter(产品 =>(product.name.toLowerCase().includes(Lower
..
js和Vuetifiy我想在Carousels图标中添加“路由"链接.如果我按图标,它应该打开路由链接.我试过了,但它没有响应我的链接它不起作用在我尝试过的以下代码中,但注释起作用了 {图片: [{src:"/image1.png",标题:"Shopping-Page",到:"/ShoppingPage"}},{src:"/image2.png",标题:"Cart-Page",到:"/Cart
..
我正在使用Laravel和Vue创建一个具有主layout.blade文件的应用,然后在使用component和VueRouter. 我无法理解的是如何实现以下目标.假设我有两条路由"Home"和"About",它们分别调用了专用的home.vue和about.vue组件文件. 如果在组件外部我有一个H1作为主页中包含的页面标题,该怎么办?我将如何进行更新?可以在route.js或组件
..
vue组件不会等待使用axios get从控制器获取数据,它会提示错误: index.vue?d4c7:200未捕获(已承诺)TypeError:无法读取未定义的属性'ftth' 我的代码如下:
..
我的 数据库 中有 数据 ,其中可能包含花括号 {{}} . {{-在app.blade.php中-}}
...代码
{{$ data}}...代码 因此,如果我想向用户显示此数据,则该数据会在Vue应用程序内部时引起问题.并认为这是要执行的javascript代码. 例如,如果 $ data 等
..
是否可以将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
..
我想向组件发送一个“模板"道具,然后进行渲染.如果我发送纯HTML可以正常工作,但是如果我发送Vuetify标记(例如 test ),则不会编译模板. 我知道我不应该通过道具传递模板,但这是一个特定的情况:父组件充当“模板构建器",并且子组件充当“结果查看器",因此我必须将创建的模板传递给子组件,以便它可以编译并显示它. 这就是我一直在尝试的东西:
..
我刚刚开始使用Vue.js,并通过一些在线代码段和教程对其进行了学习.我正在尝试为我的vue项目实施国际化支持,但是在Web控制台中出现错误. 这是我的代码段 main.js 从'vue'导入{createApp};从"./App.vue"导入应用;从'vue-i18n'导入VueI18n从'./router/index'导入路由器函数loadLocaleMessages(){con
..
我有以下父组件,该父组件必须呈现动态子组件的列表:
..