将此标记用于特定于Vue.js版本2的问题,这是一个用于构建用户界面的开源,渐进式Javascript框架。
如何根据mounted中的条件设置document.title? (vue.js)
我希望在页面加载后立即设置标题,但什么也没有发生,只保留相同的标题“localhost”。 导出默认值{ 姓名: '', 安装(){ 这个。</desc> <question vote="0"> <p>我希望在页面加载后立即设置标题,但什么也没有发生,只保留相同的标题“localhost”。</p> <pre><code><script> export default { name: '', mounted() { this.setTitle(); }, methods: { setTitle() { let index = localStorage.getItem('index'); if (index) { document.title = "Test"; } } } } </script> </code></pre> </question> <answer tick="false" vote="0"> <p>在现代浏览器中 - <pre><code>document.title</code></pre> 指选项卡的文本。</p> <p>只需打开此页面上的浏览器控制台,输入 <pre><code>document.title = "test"</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>
我在assets/js中有一个名为script.js的js文件。尝试包含在 nuxt.config.js 中,如下所示: 头: { 标题:pkg.名称, 元:[ { 字符集:'utf-8' }, { 名称:'视口',内容:'
我在 Vue.js 2 中遇到默认子路由的问题。 当我最初访问 localhost/listings 时,它会正确加载 index.vue 和 map.vue 作为子项。 当我使用 router-link 导航到 localhost/
我正在尝试使用 vuejs 制作一个嵌套表格,但是样式太奇怪了,你们知道它有什么问题吗? 父母桌 这就是当我按下下拉按钮时发生的情况...
根据vue,我们可以将事件和处理程序作为对象传递(对于插槽非常有用)。 脚本 计算:{ 在() { 返回 { 输入:this.onInput, keyup: this.onEnter } } } 寺庙...
我正在尝试动态创建/删除 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]: 安装的钩子出错:...
当我想在 VueJS 中显示数据时遇到问题。之前我已经成功显示了“用户在线”数据,但问题是为什么我要显示就必须点击页面...
我正在使用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中显示中文,所以我在index.html中设置了utf-8 然而,当我完成编码并输入“npm run dev”来运行这个网络应用程序时 浏览器上仍然有乱七八糟的字符串 为什么...
我有一个 Vue.js 2.x Web 应用程序,我希望通过从 .vue 文件中提取所有字符串来将其国际化。 我的目标是识别可能需要翻译的字符串,即使有......
使用包含 @azure/msal-browser 包构建 Vue 解决方案时出现问题
我遇到了一个问题,当我包含“@azure/msal-browser”包时,“npm run build”失败。尝试解析包中的 .mjs 文件时失败。 具体错误
我有这个代码: { 键:“同步”, 标签: this.$t('同步'), 格式化程序:值=> { 返回值; } }, 使用 API 数据: this.items.map(元素 => { 元素.synchro = ...
当我从服务器获取数据时,例如 [{methodName:mothodValue},{methodName:mothodValue}] 然后我想要动态生成方法,比如 方法: { functionArray.forEach(函数(项目){ 项目。
我正在尝试将 vue + vuex + vuetify 框架添加到我的 django 项目中 我已经安装了node.js和yarn,然后指定了命令 -yarn global add @vue/cli 和 vue create client in project roo...
在我的 Vuejs 应用程序中调用 API 进行付款时,我得到 303 作为状态代码,在标题中,我可以看到位置: http://local.xyz.in:1024/付款成功 在浏览器的网络中
我想渲染一个在表格内显示一行的自定义组件。 我有以下代码: //.js 文件 Vue.component('消息行', { 数据:函数(){ 返回 { 我...
在 VueJS 实例上运行 npm run build 时,我需要将一些文件复制到 dist 文件夹,但我不知道该怎么做。 该文件可能是 sitemap.xml、robots.txt 和其他一些需要的文件...