vuejs2 相关问题

当 vue 2 中 prop 的值发生变化时，计算属性不会更新

我传递一个道具，当它的值发生变化时，我尝试使用观察者更新计算属性。 在我的组件中，我有一个名为 字段：对象 计算的 valueFromField() { 返回这个...

禁用 v-list 时，Vuetify v-tooltip 不显示

我在禁用的 v 列表上显示工具提示时遇到困难。 我想在 isDisable 属性存在时禁用列表。 示例代码： 我在禁用的 v 列表上显示工具提示时遇到困难。 我想在 isDisable 属性存在时禁用列表。 示例代码： <v-list> <v-list-item v-for="(action, i) in actions" :key="`action-${i}`" :disabled="action.isDisable" > <v-tooltip> <template v-slot:activator="{ on, attrs }"> <v-list-item-content v-bind="attrs" v-on="on"> <v-list-item-title>{{ action.name }}</v-list-item-title> </v-list-item-content> </template> <span>Tooltip for disabled list.</span> </v-tooltip> <v-list-item-content v-else> <v-list-item-title>{{ action.name }}</v-list-item-title> </v-list-item-content> </v-list-item> </v-list> 当 VListItem 被禁用时，指针事件通过 CSS 被禁用： .v-list-item--disabled { pointer-events: none; } 所以没有 mouseenter 事件，也没有 VTooltip。 最简单的修复方法是覆盖它： .v-list-item.v-list-item--disabled{ pointer-events: auto; } new Vue({ el: '#app', vuetify: new Vuetify(), template: ` <v-app> <v-main> <v-container> <v-list> <v-list-item v-for="(action, i) in actions" :key="i" :disabled="action.isDisable" > <v-tooltip> <template v-slot:activator="{ on, attrs }"> {{log(on, attrs)}} <v-list-item-content v-bind="attrs" v-on="on"> <v-list-item-title>{{ action.name }}</v-list-item-title> </v-list-item-content> </template> <span>Tooltip for disabled list.</span> </v-tooltip> </v-list-item> </v-list> </v-container> </v-main> </v-app> `, data(){ return { actions: [ {name: 'action 1', isDisable: true}, //{name: 'action 2', isDisable: false}, ] } }, methods: { log: (...x) => console.log(...x) } }) .v-list-item.v-list-item--disabled{ pointer-events: auto; } <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.css" rel="stylesheet"> <div id="app"></div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.js"></script>

行 ID 未使用 vue ag-grid 分配

我正在尝试使用用户定义的行ID来防止重新渲染，而不是应用程序分配的ID，如Vue ag-grid文档中所述。然而，唯一的 row-id 没有被分配给行并且......

msal 授权代码流程中的网址碎片，并且身份验证后，代码不会作为查询参数出现

配置码： 函数 fetchAzureMSALInstance() { 让 azureMsalConfig = { 授权：{ clientId: 'e154806f-ba69-417f-a60c-b1c89b2ffa01', 权限：'https://login.

根据 Vue 2 中的 prop，使用或不使用包装器渲染槽

我有一个简单的组件，只需向插槽添加样式。样式部分并不复杂：它只是根据传递的道具添加填充/边距/边框/背景颜色，仅此而已。 现在有一个

如何根据mounted中的条件设置document.title？ (vue.js)

我希望在页面加载后立即设置标题，但什么也没有发生，只保留相同的标题“localhost”。 导出默认值{ 姓名： ''， 安装（）{ 这个。</desc> <question vote="0"> <p>我希望在页面加载后立即设置标题，但什么也没有发生，只保留相同的标题“localhost”。</p> <pre><code>&lt;script&gt; export default { name: &#39;&#39;, mounted() { this.setTitle(); }, methods: { setTitle() { let index = localStorage.getItem(&#39;index&#39;); if (index) { document.title = &#34;Test&#34;; } } } } &lt;/script&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>在现代浏览器中 - <pre><code>document.title</code></pre> 指选项卡的文本。</p> <p>只需打开此页面上的浏览器控制台，输入 <pre><code>document.title = &#34;test&#34;</code></pre>，然后您的选项卡就会更改为 <a href="https://i.sstatic.net/E4T5thYZ.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvRTRUNXRoWVoucG5n" alt="tab title as test"/></a></p> <p>您的代码正在工作<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/title" rel="nofollow noreferrer">正如它应该的那样</a>，它更改了文档的<pre><code>title</code></pre>标签<pre><code>head</code></pre>。</p> <p>如果您想更改页面本身某处的标题，则需要指定<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector" rel="nofollow noreferrer">正确的选择器</a></p> </answer> </body></html>

如何在Nuxt中添加外部js文件？

我在assets/js中有一个名为script.js的js文件。尝试包含在 nuxt.config.js 中，如下所示： 头： { 标题：pkg.名称， 元：[ { 字符集：'utf-8' }, { 名称：'视口'，内容：'

Vue.js 具有默认子级的嵌套路由

我在 Vue.js 2 中遇到默认子路由的问题。 当我最初访问 localhost/listings 时，它会正确加载 index.vue 和 map.vue 作为子项。 当我使用 router-link 导航到 localhost/

使用vue js的嵌套表格，为什么父行突然右移？

我正在尝试使用 vuejs 制作一个嵌套表格，但是样式太奇怪了，你们知道它有什么问题吗？ 父母桌 这就是当我按下下拉按钮时发生的情况...

使用 v-on 对象语法传递事件修饰符

根据vue，我们可以将事件和处理程序作为对象传递（对于插槽非常有用）。 脚本 计算：{ 在（） { 返回 { 输入：this.onInput， keyup: this.onEnter } } } 寺庙...

Vue.js - 动态删除特定组件

我正在尝试动态创建/删除 Vue 组件。我已经弄清楚如何动态添加组件，但是在允许用户删除特定组件方面遇到了一些麻烦...

无法通过apache和express将前端socket.io-client连接到后端socket.io

所以，我目前有一个前端带有 socket.io-client （扩展）的 Vue 应用程序。 从“vue”导入{createApp}； 从“socket.io-client”导入{io}； 从 'vue-... 导入 VueSocketIOExt

[Vue warn]：安装钩子时出错：“ReferenceError：google未定义”

我正在尝试使用此链接实现 Google 自动完成功能： https://www.npmjs.com/package/vue-google-autocomplete 但我收到这个错误： VM2823 app.js:62045 [Vue warn]: 安装的钩子出错:...

如何在Vue JS中展示数据而不点击分页

当我想在 VueJS 中显示数据时遇到问题。之前我已经成功显示了“用户在线”数据，但问题是为什么我要显示就必须点击页面...

Vue 可拖动移动到上一个列表

我正在使用vue js可拖动插件 它对于单个列表工作得很好，但我需要使用多个列表（比如 Jira board）。我想将一张卡片（元素）从一个列表移动到另一个列表，但是它

为什么 axios 在 vuejs 中向 laravel Sanctum 请求 /sanctum/csrf-cookie 返回 204 No Content？

我尝试在我的 vuejs 2 Spa 应用程序中使用 laravel 8 Sanctum，并创建了 2 个应用程序。 但从 SPA 页面运行请求： axios.get('/sanctum/csrf-cookie').then(response => { console.log('响应::')...

VUE无法显示中文

我想在VUE中显示中文，所以我在index.html中设置了utf-8 然而，当我完成编码并输入“npm run dev”来运行这个网络应用程序时 浏览器上仍然有乱七八糟的字符串 为什么...

从 .vue 文件中提取字符串以进行国际化的工具

我有一个 Vue.js 2.x Web 应用程序，我希望通过从 .vue 文件中提取所有字符串来将其国际化。 我的目标是识别可能需要翻译的字符串，即使有......

使用包含 @azure/msal-browser 包构建 Vue 解决方案时出现问题

我遇到了一个问题，当我包含“@azure/msal-browser”包时，“npm run build”失败。尝试解析包中的 .mjs 文件时失败。 具体错误

B表显示html

我有这个代码： { 键：“同步”， 标签： this.$t('同步'), 格式化程序：值=> { 返回值； } }, 使用 API 数据： this.items.map(元素 => { 元素.synchro = ...