vuejs2 相关问题

将此标记用于特定于Vue.js版本2的问题,这是一个用于构建用户界面的开源,渐进式Javascript框架。

如何根据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>

回答 0 投票 0

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

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

回答 4 投票 0

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

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

回答 4 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 3 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

为什么 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('响应::')...

回答 1 投票 0

VUE无法显示中文

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 0 投票 0

B表显示html

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

回答 1 投票 0

如何动态添加方法到Vue组件

当我从服务器获取数据时,例如 [{methodName:mothodValue},{methodName:mothodValue}] 然后我想要动态生成方法,比如 方法: { functionArray.forEach(函数(项目){ 项目。

回答 1 投票 0

Vuetify2 样式无法与 Django 正常工作

我正在尝试将 vue + vuex + vuetify 框架添加到我的 django 项目中 我已经安装了node.js和yarn,然后指定了命令 -yarn global add @vue/cli 和 vue create client in project roo...

回答 1 投票 0

Vuejs 303 重定向

在我的 Vuejs 应用程序中调用 API 进行付款时,我得到 303 作为状态代码,在标题中,我可以看到位置: http://local.xyz.in:1024/付款成功 在浏览器的网络中

回答 2 投票 0

Vuejs 不会在 HTML 表格元素内渲染组件

我想渲染一个在表格内显示一行的自定义组件。 我有以下代码: //.js 文件 Vue.component('消息行', { 数据:函数(){ 返回 { 我...

回答 1 投票 0

如何使用 VueJS 将文件复制到根“dist/”文件夹?

在 VueJS 实例上运行 npm run build 时,我需要将一些文件复制到 dist 文件夹,但我不知道该怎么做。 该文件可能是 sitemap.xml、robots.txt 和其他一些需要的文件...

回答 4 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.