Vue.js Laravel echo vue js here方法

我对这里的方法vuejs,laravel echo有问题 广播频道 Broadcast::channel('task.*', function ($user, $taskId) { $task = Task::find($taskId); if ($task) { return ['id' => $user->id, 'name' => $user->name]; } }); 叶片模板 <task-show inli

Vue.js Vue材质-设置表格按钮的样式?

我正在玩和组件,特别是 我想做的是更改表格示例中搜索图标/按钮的颜色,该示例在带有分页和内联编辑的卡片中标题为,但我似乎缺少了一些东西,因为我无法使其从默认的灰色更改,我正在努力理解为什么会出现这种情况 我有一个基本页面,其中包括Vue以及Vue材料所需的字体和图标,以及工作所需的Javascript和CSS文件 index.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8">

Vue.js Vue字体超棒图标甚至绑定

我有一些类似于Simon游戏的代码。当使用箭头按钮时,使用@mousedown事件,一切都能正常工作。我想用令人敬畏的字体图标稍微修饰一下,但保持外观不变。当我将换成时,@mousedown事件停止触发。其他一切似乎都是一样的 从我的模板: <div id="top-row"> <icon name="arrow-left" class="but-0" v-bind:class="{ active: pushed0 }" aria-hidden="true" @moused

Vue.js 无法将子组件安装到ref

我有一个问题,我可以将其装载到我的Vue应用程序$refs属性。我做的每件事都是根据文档进行的,下面是我在html中的组件: <v-paginator :resource.sync="comments" ref="vpaginator" resource_url="{{route('api.item.comments', $item->pk_i_id)}}"></v-paginator> 我创建了logRefs()函数来检查$ref属性,它总是未定义的 因为您使用

在带有Vue.js的对话框中显示JSON数据

使用Vue.js,如何使用axios GET在对话框中显示响应? 我尝试了以下方法: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <template> <label>Protocol</label> Display protocol details from json

Vue.js 限制每个角色的路由

是否可以根据登录用户的角色等值限制某些路由和/或更改任何路由的组件 我希望这样做,以便管理员的默认页面与普通用户不同,但如果在浏览器中手动设置路由,也可能会限制访问 或者,有一个重定向到另一条路由的基本组件是更好的解决方案吗 我知道通过路由器限制访问并不能取代真正的帐户安全,但这似乎是防止用户猜测受限制路由的第一步。下面是一个使用vue路由器实现身份验证和授权的好例子: 基本上,您可以在让用户打开受保护的组件之前检查预任务。实现这一点的最简单方法是使用路由器防护。在路由器定义中: { pat

Vue.js Vue:在函数中使用输入值

我使用的是单文件组件,我有一个模态组件,具有 输入框,但我无法使用v-modal名称在下面的函数中获取输入值。它不断返回为“名称未定义”。我是否错误地使用了v-model属性 <template> <input v-model="name" class="name"></input> </template> <script> export default { methods: { ap

Vue.js Vue js select选项因v-model而未出现

好的,我正在编写一些代码,允许用户更改他们所属的商店。我用的是一个标签,里面有一个v型的。在标记中,我使用for循环来提供用户可以选择的存储 这是我的密码: <div v-if="contestant.stores.length > 1" class="mt-10 col-sm-10"> <select class="form-control" v-model="riot_account_store" v-on:change="onChangeStore()"&

Vue.js 在Vue js中使用v-show属性显示/隐藏元素

这里我的myVueInstance有两个单选按钮和一个文本框。基于单击单选按钮选项,我应该显示/隐藏文本框 <div id='myVueInstance'> <label>Show Text box or not ? </label> <input type="radio" id="one" value="true" v-model="picked"> <label for="one">Yes</

Vue.js 设置间隔不';不要在vue中开火

我正在学习vue和setInterval是否不像在普通javascript中那样工作?问题是我的更新功能没有被激活。 start从一个按钮触发,小时/分钟/秒被绑定到v-model的输入字段,我得到setInterval之前的所有console.log export default Vue.extend({ name: "timer-c", data() { return { startDate: undefined, hours: "",

Vue.js 如何解决使用nuxtJS+;Vue2编辑器?

我正在尝试使用vue2-editor设置nuxtjs应用程序。如果我尝试通过客户端导航导航到编辑器页面,则会加载该页面,但如果我直接访问或刷新(例如:com/editor)页面,则会出现“文档未定义”错误 我之所以识别它,是因为vue2编辑器不支持ssr,但我在nuxt-config.js中仅对客户端禁用了它。但错误不会消失。请分享我做错了什么 //plugin.quill-editor.js import Vue from 'vue' if (process.client) { c

Vue.js 无法在函数中读取/写入数据

您好,我正在使用vue和axios上传文件 无法识别onUploadProgress中的列表 代码 lone 16中的console.log(this.list)为空只需将onUploadProgress函数更改为arrow函数,否则此将与onUploadProgress的上下文相关,而不是与组件相关 async startupboad(){ 让formData=等待新的formData(); 等待formData.append('file',this.selectedFile); this.

Vue.js VUEX存储类型的正确设置和使用

我正在使用来自Github的Vue js样板之一开发一个Chrome扩展。默认样板设置如下所示: store/index.js import Vue from 'vue'; import Vuex from 'vuex'; import mutations from './mutations'; import * as actions from './actions'; // all actions are imported as separate vars Vue.use(Vuex)

Vue.js 如何在Storybook中正确配置我的网页包文件,以使用PostCSS编译CSS?

我已经使用POSTSS和我需要的所有插件成功地启动并运行了Vue CLI。然而,当涉及到为Storybook设置相同的postsss配置时,无论我从各种来源尝试哪种组合,我都无法正确编译我的Web包文件 .storybook/postss.config.js module.exports = { plugins: { autoprefixer: {}, 'postcss-nested': {}, 'postcss-custom-media'

在vue.js中的组件之间传递数据

我试图在vue.js中创建一个虚假的评论组件。我正在通过$emit传递评论,但是我不能从写它的人那里传递名字,我该怎么办? 我使用“注释网格”循环浏览注释,“注释”保存注释模型,“newcomment”作为创建新模型的方法 **app.vue** <template> <div class="container mt-5"> <div class="row"> <div class="col-8 mx-

Vue.js Vue Mapbox缩放事件

我使用的是vue mapbox,希望在每次缩放更改时都能获得一个事件,是否可以使用vue mapbox?或者我是否可以使用其他替代方案 或者,如果控制缩放的组件有一个单击事件,则作为替代方法 它尝试添加@单击上的,但不起作用 method : { click(){ alert('zoom button clicked') } } AFAIK在vue mapbox中没有显示用于处理缩放事件的事件或操作。你必须通过这样做来解决这个问题: <VueMapbox mapStyle="map

Vue.js 具有v-show=";假;打开页面时,预呈现页面中的属性会闪烁

它只在我使用prerender spa插件预渲染页面时发生。它调用一个元素(一个模态),默认属性为v-show=“false”。但是,当打开页面时,该模式总是闪烁,即使v-show从来都不是真的。 我在这个元素中已经有了v-clope。 Vue风格中避免闪烁的正确方法是什么?尝试使用“v-if”而不是“v-show”或“v-Clove”然后尝试使用v-if。要完成@MartinXia,v_show构建调用页面更新的dom元素,然后将display属性设置为none。v-if条件(if false

Vue.js Vuex:如何从API加载初始状态数据

我已经设置了所有状态,但在我更改应用程序中的页面之前,我希望存储在存储中的初始数据不会加载。在加载应用程序之前,如何强制从API(使用axios)加载所有数据?我已经尝试在主应用程序的创建和安装生命周期中启动我的加载操作,但它不起作用 谢谢 你说不工作是什么意思?除非出现错误,否则生命周期挂钩将运行。你必须发布一些代码,否则我们无法知道到底出了什么问题。显示您的生命周期挂钩和api调用方法。

Vue.js 如何在向组件传递不同数据的同时多次使用组件?

我正在尝试创建一个snackbar组件来显示简单的通知。它可以在整个应用程序的许多地方使用,也可以在单个页面上使用。我已经创建了一个组件作为子组件,并将其导入到父组件中,我想在其中使用它。在该父组件中,可以多次使用该子组件。我应该如何实现,每次调用此组件时,它都会获得相应的数据(例如,对于错误color=red text=“error”,对于成功color=“green”message=“success”) 有没有关于如何实施的建议 parent.vue---------------------

Vue.js 如何将vuetify点菜与laravel mix一起使用?

我想将Vuetify方法用于laravel mix 我一直在读这本书,这本书对我很有帮助 这是我的完整webpack.mix.js配置: const mix = require('laravel-mix'); const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin'); mix.webpackConfig({ externals: { vue: 'Vue' } }); mix.options({

Vue.js 如何更改空表样式:元素UI?

现在,如果表为空,则“Text=暂无数据" 来了。我想换一下。我想给你一张图片和两个按钮 这怎么可能 <el-table :data="tableData"> <el-table-column label="Name" > </el-table-column> </el-table> 显示的简便方法:无;显示该块 .el-table__empty-block { display: none!important;

Vue.js 延迟路由被预取,忽略网页包魔术评论(Vue)

我需要开发一个具有服务器端身份验证和登录视图的应用程序。如果我想使用Vue路由器在登录和索引(受保护的视图)之间动态切换,我需要避免登录视图在成功身份验证之前下载(预取)索引,因为如果不这样做,服务器将使用登录页面响应索引预取请求 我试图在最初的Vue路由器示例中实现这一点,该示例有两条路由。家里到处都是。第一个是包含的,第二个是延迟加载(但预取)的,这将是实际应用程序中的受保护页面 为了避免预取,我尝试了我找到的所有网页魔法评论,但预取仍然存在 代码如下: import Vue from "v

Vue.js Vue:如何显示多个全局路由器视图

我正在尝试设置多路由器视图以显示登录模式,我不想使用嵌套路由,因为此模式应该可以从我的应用程序中的任何软件访问,并且不应更改当前查看的组件。 怎么做 app.vue <v-app> <v-app-bar app color="white" height="auto"> <div style="width:100%" class="d-flex d-md-block"> <v-row> &l

Vue.js路由器链接未更新

我遇到了一个问题,我用以下简化代码复制了这个问题: App.vue <router-link to="/">Home</router-link> | <router-link :to="{name: 'View1', params: {myprop: 'hello 1'}}"> | View 1 - Param 1 </router-link>

Vue.js 如何替换vue路由器中查询参数的值?

将生成URI,如: router.push({ path: 'register', query: { plan: 'private' } }) 如果在$currentRoute.query中已存在键为plan且值为public的查询参数。 因此,此操作不会替换计划,只需将标量值转换为数组 现在,如何替换它?调查结果是路由器。推送({path:'register',query:{plan:'private'}})是错误的我的代码样本。对不起 http://localhost:3000/#/reg

Vue.js 将插槽从Vue 2迁移到Vue 3

我大致遵循以下步骤使组件可拖动: 然后在我的Calculator.vue组件中,我有: + - &时代; &划分; 7. 8. 9 4. 5. 6. 1. 2. 3. 0 . 自动控制 = 这两个组件以不同的方式使用slot,在draggable maker中作为标记,在计算器中作为属性。但是,由于使用了插槽s,这与Vue 3不兼容。下面是我得到的错误: 有人能建议我如何修复此问题吗?已弃用slot属性,并将其替换为指定插槽的v-slot:slotname,您应按如下方式使用它:

Vue.js 关注vuex商店的任何变化

我的问题是如何监视商店内的任何状态变化。我看到过一些例子,其中我们正在查看该州的一个特定属性,但在我的例子中,我需要知道是否有任何变化,无论我是否有一个或多个属性 目标: 目标是了解是否有任何更改,以便我们可以提示用户单击“保存更改”。我们使用store是因为这些设置位于不同的模态/组件中。我们有4家不同的商店,我们需要一个全局保存按钮来保存所有商店的所有东西。所以我需要观察两个模块状态的任何变化 例如: 模块内部 globalSettingsModule.js export const glo

Vue.js 如何在VueJs中按项目valie对列表进行排序?

在VueJs中,是否可以显示按“block.position”值排序的块,并在单击“UP”或“DOWN”按钮时更新所有块的位置 我想让我的块在我的“块”数组中以正确的顺序排列,在“block.position”值上反映索引位置,并以正确的顺序显示我的所有块 <template> <div> <div class="mb-5" v-for="(block, index) in blocks&

Vue.js 从Inerty.js中的本地缓存获取数据

从这里开始: 如何从新页面上的本地状态缓存中获取数据 例如: remember: ['cart'], data() { return { sending: false, cart: { amount: 1, value: 50, deliverance_date: null, send_by_email: true, send_by_phone: false, }

Vue.js Fethersjs vuex我无法实时获取更新

我正在使用fethersjs服务器和vue.js进行一个项目,我正在获取数据,但我在实时事件方面遇到了问题。。。。当我更新一个字段时,我没有实时获取新数据,我必须重新加载页面才能获取它 我必须配置一些手表吗?怎样?。。。任何帮助都将不胜感激 下面是获取数据并显示它的代码 created () { const { Locales } = this.$FeathersVuex.api const locaData = Locales.find({ query: {} }).then((res

Vue.js 无法在vue3项目上添加vue-i18n插件

在使用CLI工具创建的新Vue3项目上,使用默认Vue3预览时,我在尝试设置i18n插件时出现了一个错误 Vue CLI v4.5.9 > Default (Vue 3 Preview) ([Vue 3] babel, eslint) 我添加了带有vue cli的插件,允许使用所有默认选项并获得错误: 错误:无法对没有路径的集合调用“get”。 相反,首先检查“length”属性以验证至少一条路径 存在 这是完整的标准 ➜ hello-vue3 git:(主)vue添加i18n 请检

Vue.js 访问路由器中的存储

在进入/dashboard路径之前,我想在我的Vuex应用商店中检查用户是否具有'admin'角色。但我无法从store.getters正确访问数据 我使用Quasar(Vue.js)和Vuex+Typescript 在routes.ts文件中,在beforeinter()函数中,我可以使用console.log(store.myStore.getters)从存储访问getters。在这里,我看到了userInfos内部: 我不明白为什么我只得到{}而没有得到{…}(注意,如果我点击它,我会看

Vue.js 如何在vue中增加/减少购物车计数

我已经为递增和递减创建了一个函数,这样我就可以更改卡中的计数 递增count函数的工作原理如下 但是减量计数的函数不起作用 当我单击减量功能时,将显示此输出 v-on处理程序中的错误:“TypeError:无法读取未定义的属性'product\u id'” 我不知道为什么product\u id中有错误,即使increment函数也有product\u id 我希望你能帮我解决这个问题 <template> <div v-if="car

创建简单的VUE.JS应用程序

我正试图通过以下步骤在应用程序中使用Vue中的简单多边形裁剪器 我使用以下工具创建了我的应用程序: vue init webpack myproject 现在,我需要将示例模板添加到我的应用程序中(它有一个src文件夹),但我不确定如何修改或将这段代码添加到我的应用程序中。根据链接文章,模板应如下所示: //全局 从“Vue”导入Vue; 从“vue多边形裁剪器”导入VuePolygonCropper; Vue.组件(VuePolygonCropper); //本地的 从“vue多边形裁剪器”

Vue.js 我可以在同一个div上创建一个条件v-for循环到循环吗?

我很好奇有没有一种方法可以让v-for循环中包含一个条件语句,这样我就可以减少程序中的冗余。如果标记过滤器对象不存在,我有一个div标记需要在标记过滤器对象上循环,否则,我需要它在标记过滤器对象上循环 这是我当前循环的一个片段: <div v-else class="text-left mt-2 border" v-for="(filter, index) in tagfilters" :key="index">

Vue.js 如何在Vue中更改状态时更改路由器呈现的组件?

我在Vue中设置了Vuex存储和路由器。根据存储中的状态,我希望路由器为同一路径呈现不同的组件。下面是我的尝试 在我的路由器中,我包含一个条件,即“如果用户登录,请返回主页,否则返回登录” 在我的Login组件中,当用户成功登录时,我将我的loggedIn状态(在Vuex存储中)的值更改为true。我已经测试过,可以看到此状态正在更新,但是主页组件没有在状态更改时呈现-它仍然是登录 Login.vue 高音喇叭 推特,但没那么好。 对不起,用户名或密码不正确。 创建帐户 继续作客 从“.

Vue.js Vue单元测试调整屏幕大小并更新DOM

我有一个组件,如果屏幕是桌面,它会显示图像;如果屏幕是移动设备,它会隐藏图像: 导出默认值{ 名称:“MyComponentApp”, } .我的部件{ &__图像容器{ 溢出:隐藏; 宽度:50%; &--img{ 宽度:100%; 身高:100%; 对象匹配:覆盖; } } } @介质(最大宽度:600px){ .我的部件{ &__图像容器{ &--img{ 显示:无; } } } } 当我尝试执行单元测试用例并测试当window.width低于600px时图像是否隐藏时,它不会更新DO

Vue.js 无法获取v-simple-checkbox或v-checkbox来呈现框本身

我将按照文档中的示例进行学习 当其他一切都呈现良好时,复选框本身将不会显示。单击它时会显示动画,但不会显示长方体本身。在新项目模式/对话框中的v-checkbox也是如此 下面是我所说的一个例子: 我尝试在我的index.html中手动指定Vuetify CDN,但没有效果。使用开发人员工具,我确保Vuetify的CSS被加载并应用到页面 以下是我的简化表格组件: 工作指令 新项目 mdi铅笔 mdi删除 {{getStatus(item.status).status} 似乎v-data-t

Vue.js Vue computed不是删除项后的函数

我使用Nuxt显示从express API获取的联系人数据表。当我想删除一个联系人时,Nuxt会显示一条错误消息this.contacts.filter不是一个函数 这里发生了什么?为什么它不再知道函数了 这是脚本代码的相关部分。计算属性位于底部 <script> import axios from "axios" export default { data() { return { searchTerm: '',

Vue.js Nuxt.js:我可以使用基于prop的布尔值的三元运算符添加类吗?

我试图在一个道具中使用一个布尔值来添加一个基于三元运算符的类。我显然做得不对,因为它总是评估为错误 如果这是真的,我需要将是正确的添加到类中,否则不需要添加 道具:{ isRight:{ 类型:布尔型, 默认值:false }, } index.vue 是右{左填充:20%} 查看它们的属性,我不确定是否可以使用布尔值来实现这一点。尝试将该属性作为:is right=“false”传递,使其作为布尔值而不是基本字符串(is right=“false”)传递 对于类,它可以写成 这

Vue.js 使用路由器链路,组件只能工作一次-Laravel vue

我正在从事一个使用Laravel Vue SPA的项目,访问单个产品的数据时遇到问题,只有单击一次才有效,但当我再次选择其他产品时,我无法获取产品数据,但URL是正确的,它更改了ID,但无法访问数据 当我单击另一个链接(如服务然后选择产品)时,它正在工作,它可以显示产品数据 这是我的HTML <ul > <li v-for="product in products"> <router-link :to="{ na

Vue.js 打印最后一个动态v-for循环元素的属性

在与Vue的循环中,如何仅打印最后一条消息的文本和时间 结构如下: 数据:{ {{contatto.nome}} {{messaggio.testo} 所以它会打印所有内容我只想使用自定义方法打印最后一个文本和最后一个小时: newvue({ el:“应用程序”, 数据:()=>({ 康塔蒂:[ { 诺姆:“名字1”, immagine:“_1”, 可视性:是的, 梅萨吉:[ {data:'10/01/2020 15:30:55',ora:'15:30',testo:'test1-

  1    2   3   4   5   6  ... 下一页 最后一页 共 187 页