悬停嵌套vue组件
悬停嵌套Vue组件是指在Vue.js框架中，将一个组件嵌套在另一个组件中，并在鼠标悬停在父组件上时触发子组件的显示。这种技术常用于创建交互性强的用户界面，以提供更好的用户体验。
悬停嵌套Vue组件的实现可以通过Vue的指令和事件来完成。以下是一个完善且全面的答案：
悬停嵌套Vue组件的实现步骤：
- 创建父组件和子组件：首先，需要创建一个父组件和一个子组件。父组件用于包含子组件，并在鼠标悬停时触发子组件的显示。
- 在父组件中使用v-on指令监听鼠标悬停事件：使用Vue的v-on指令，将鼠标悬停事件绑定到一个方法上。例如，可以使用v-on:mouseover="showChildComponent"来监听鼠标悬停事件，并在事件触发时调用showChildComponent方法。
- 在showChildComponent方法中设置子组件的显示状态：在showChildComponent方法中，可以通过修改数据属性或调用方法来设置子组件的显示状态。例如，可以将一个名为showChild的数据属性设置为true，以显示子组件。
- 在父组件中使用v-if指令控制子组件的显示：使用Vue的v-if指令，根据showChild属性的值来决定是否显示子组件。例如，可以使用v-if="showChild"来控制子组件的显示。
- 在子组件中实现内容：在子组件中，可以编写需要显示的内容，例如文本、图片、按钮等。
悬停嵌套Vue组件的优势：
- 提供更好的用户体验：悬停嵌套Vue组件可以在用户悬停在父组件上时动态显示子组件，增加了用户与界面的交互性，提升了用户体验。
- 灵活性和可重用性：通过将组件嵌套，可以将界面拆分为多个独立的组件，提高了代码的可维护性和可重用性。父组件和子组件可以在不同的页面或场景中使用，减少了代码的冗余。
悬停嵌套Vue组件的应用场景：
- 导航菜单：可以将导航菜单的子菜单组件嵌套在父菜单组件中，实现鼠标悬停时显示子菜单的效果。
- 图片展示：可以将图片的放大预览组件嵌套在图片列表组件中，实现鼠标悬停时显示放大预览的效果。
- 提示信息：可以将提示信息的气泡组件嵌套在需要提示的元素组件中，实现鼠标悬停时显示提示信息的效果。
腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与悬停嵌套Vue组件相关的产品和链接地址：
- 云服务器（CVM）：腾讯云的云服务器产品，提供了弹性计算能力，可用于部署和运行Vue.js应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL（CDB）：腾讯云的云数据库产品，提供了可靠的MySQL数据库服务，可用于存储Vue.js应用程序的数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：腾讯云的云存储产品，提供了高可靠、低成本的对象存储服务，可用于存储Vue.js应用程序中的静态资源。产品介绍链接：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和选择。
相关·内容
1回答
我是vue.js的新手，还在尝试弄清楚它是如何工作的。也许我走错方向了，因为我错过了一些东西，所以请帮帮我。 我有国家地图存储在svg文件中。所以我制作了SVG单文件组件，其模板包含内联SvgMap.vue代码。 SvgMap.vue <template>
<svg
id="map"
:class="name"
xmlns="http://www.w3.org/2000/svg"
width="1400"
height="960"
浏览 16提问于2020-09-16得票数 0
回答已采纳
1回答
<h1>Hello people</h1>
我正在学习使用nuxt.js，我的问题是如何使用与使用nuxt.js创建的应用程序的默认结构不同的自定义目录
The issue: index.vue can't load .vue components from my components custom dir
在nuxt.config.file中，我有以下内容：
/*
**Custom directory structure configuration paths
**Change as desires
**Important Note: This
浏览 0提问于2019-12-23得票数 1
我有3个组件(get-users，get-projects，get-tasks) -每个组件都包含一个按钮，该按钮触发一个ajax请求来检索一些数据。我希望从ajax请求返回的数据显示在页面上的第四个独立组件中(show-result)。例如：
<div class="row">
<div class="col-md-6>
<get-users></get-users>
<get-projects></get-projects>
<get
浏览 36提问于2016-01-21得票数 14
回答已采纳
我有一个简单的文件设置：
页面结构：
./pages/index.vue // root page to be displayed for '/'
./pages/child.vue // sub-page to be displayed inside index.vue for '/child'
index.vue**:**
<template>
<div>
<p>This is parent</p>
<some-component-from-components>
浏览 2提问于2021-07-17得票数 1
回答已采纳
1回答
我是vue.js的新手，在查看他们的文档时，我有一些问题
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
它们通过字符串选择器定义一个vue实例。有没有办法用整个模板的字符串替换#app？
其次，如果我有两个vue实例vue_container和vue_item，有没有一种方法可以设置这两个vue实例以便嵌套它们，例如：
vue_container.append('list', vue_item);
谢谢
浏览 1提问于2017-06-19得票数 0
我不明白如何在Nuxt3中创建嵌套的子路由。
我有一个父文件：
pages/index.vue
<template>
<div>
<h1>The home page</h1>
<AppFilter @picked-status="(e) => (status = e)" />
<NuxtPage />
</div>
</template>
<script setup>
const status = ref('one'
浏览 25提问于2022-11-07得票数 0
回答已采纳
1回答
我为该网站提供了多语言支持。使用VueJS和VueI18n。有3页-家庭，登记和信息。问题在消息中，其中有一个动态呈现的表-vue-好表。当我在这个页面上(和表格一起)时，如果我点击按钮来改变语言，所有的语言都是动态变化的，而不是表的标签和占位符。如果我转到另一个页面并返回到表中，标签和占位符将被正确更新。你能帮我改变一下吗？
我想知道beforeMount()在这种情况下是否会有所帮助？
main.js
import VueI18n from 'vue-i18n'
import {messages} from './locales/bg_en_messages'
浏览 0提问于2018-06-11得票数 1
回答已采纳
1回答
我已经安装了一个包，以在我的App.vue中显示隐私cookie横幅。现在我想从我的应用程序的不同组件中调用一些方法。
App.vue
<template>
<router-view/>
<vue-cookie-accept-decline @reset='reset'....>
</template>
我可以通过ref=‘myPanel1 1’引用我的vue-cookie-accept-decline模板，所以我执行了下面的脚本，我想通过发出reset来调用它来恢复横幅。
setup() {
const myPan
浏览 8提问于2022-05-18得票数 0
回答已采纳
我有三个组成部分：
HugeBox.vue
Box.vue
Dog.vue
HugeBox包含一个Box，而这个Box又包含一个Dog：
HugeBox -> Box -> Dog
我试图将Dog作为一个支柱传递给Box，但是它不起作用:打开HugeBox时所显示的全部内容是
Box with
虽然它应该是
Box with Dog
HugeBox.vue
<template>
<Box :myComponent = "Dog"/>
</template>
<script>
imp
浏览 4提问于2020-06-18得票数 0
1回答
在.vue组件中嵌套内联模板
、、、、
我有一个内联模板，我已经使用了拉拉维尔的刀片@include('my_inline_template')，这是很好的工作。
现在，我引入了其他人开发的另一个vue组件，并使用了.vue文件格式。我想将我的内联模板放在那个.vue文件中。
我想做的是如下所示，因为您不能在一个@include文件中使用.vue，所以它无法工作。我不知道还能做些什么，或者说这是可能的：
main-vue.js
import Component from './components/Component.vue'
require('./components/my_inline_t
浏览 0提问于2017-06-10得票数 1
回答已采纳
1回答
如何正确创建嵌套路由？
const CarTable = { template: '<div>Car List</div>' }
const CarShow = { template: '<div>Car Show</div>' }
const CarCreate = { template: '<div>Car Create</div>'}
const router = new VueRouter({
routes: [
{path: '/car&
浏览 2提问于2021-02-12得票数 0
回答已采纳
我正在尝试将Bootstrap Select2放在Vue包装中。不知怎么的，我的代码起作用了。但对我来说不太合适。
我在这里找到了一个参考在VueJS网站的例子中，el是空的。我没有坚持这个概念，在新的Vue部分中，它们包含了一个模板，因为我的el有侧边栏和其他东西。我所做的就是我增加了一个
<admin-access></admin-access>
到HTML中的某个部分。
我认为我的组件是嵌套的，我对它在VueJS中是否合适表示怀疑。
有更好的方法来编码这个吗？
模板
<template id="select2-template">
浏览 1提问于2017-08-30得票数 0
1回答
是否可以/可行地使用Vue创建组件，这些组件被实例化到由PHP应用程序呈现的自定义标记上？某种“自定义元素轻”？
如果我将Vue实例挂载到页面根元素上，它就会“工作”，但据我所知，在这种情况下，Vue使用整个页面作为模板。我想这可能是一个性能问题，如果其他javascript代码扰乱了DOM，就会带来麻烦。
其目标是逐步替换遗留的jQuery代码。有没有解决这个问题的通用方法？
编辑:嵌套这些组件也是一项要求。一个简单的例子就是嵌套可折叠。
编辑2:一些小提琴来说明这个问题。
一种基于riot.js的工作解决方案：
<div id="page">
<!--
浏览 5提问于2017-01-12得票数 3
3回答
我是Vue.js的新手。我对Vue组件之间的通信做了一些简单的练习。但我仍然有一个问题，谁是孩子，谁是家长。例如，我有以下代码：
HTML:
<body>
<div id="root" class="component">
<coupon @applied="onCouponApplied"></coupon>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js
浏览 7提问于2019-08-14得票数 1
回答已采纳
2回答
我是vue的新手，我的项目使用Vue2、Nuxt和Vuetify。
我想要制作一个基本的.vue组件，以及从这个基派生出来的几个组件。
例如，这是我的基础dailog MyDialog.vue
<template>
<v-dialog v-model="isShowDialog" persistent>
<v-card>
<v-card-title> My Base Dialog </v-card-title>
<!-- inherited UI logic goes her
浏览 23提问于2022-11-09得票数 1
回答已采纳
1回答
我使用Laravel5.3与Vue 2和Vue路由器，但我的组件是不可见的。Foo和Bar正在工作。
这是我的App.js
/**
* Load JavaScript dependencies
*/
require('./bootstrap');
/**
* Import Vue and VueRouter
*/
import Vue from 'vue'
import VueRouter from 'vue-router'
/**
* Import Components
*/
import UsersIndex from &#
浏览 0提问于2016-11-07得票数 0
1回答
我正在学习Vue.js，作为练习，我正在开发一个SPA。我通过组件递归地添加一些图标作为imgs。(为了关注这个问题，省略了很多代码)
Vue.js
Vue.component('icon', {
template:
'<img id="logo-icon" v-on:mouseover="animation"
class="platform_button" width="50" height="50"
src="../assets/img
浏览 1提问于2017-06-08得票数 3
回答已采纳
2回答
我是Vue的新手，我正在尝试几个基本的例子来理解这个框架。我已经创建了两个文件组件navigation.vue和pageoptions.vue.我已经将它们导入到main.js文件中，并且能够成功地编译和运行应用程序。然而，尽管我在index.html (在“app”中)中有这两个组件，但只有一个组件被呈现，即传递给呈现函数的一个组件。由于呈现函数不能返回多个元素，所以如何在不将这两个组件包含在一个父组件中的情况下在页面上获得任何其他组件呈现？如果不支持这一点，那么解决这种情况的方法是什么？我哪里错了？
组件1- navigation.vue
<template>
<
浏览 1提问于2020-06-07得票数 1
回答已采纳
我正在尝试在我的Vue应用程序的组件中实现v-tooltip https://www.npmjs.com/package/v-tooltip，但是当我悬停元素时，它目前没有做任何事情，并且我没有得到任何控制台错误，我不知道我是否正确地实现了它，并感谢任何我可以得到的帮助。在同一个应用程序中，我使用bootstrap tooltip创建了一个名为TooltipBoot.vue的组件，这个组件工作得很好，所以我尝试使用v-tooltip进行类似的设置，但v-tooltip根本不起作用。 下面是我的TooltipBoot.vue组件： <template>
<span v-
浏览 37提问于2020-08-13得票数 0
1回答
当我试图在我的文件中导入一个组件时，我得到了这个错误：
TS7022: 'default' implicitly has type 'any' because it does not have a type annotation and is referenced directly or indirectly in its own initializer.
Version: typescript 4.2.2, eslint 7.32.0
这是我的脚本标签：
<script lang="ts">
import { defineCompo
浏览 33提问于2022-03-15得票数 2
1回答
我用Laravel和vuejs创建了一个仪表板 我使用Vue Router创建嵌套路由，如下所示： /admin
/admin/posts
/admin/posts/add
/admin/posts/edit/:id 我尝试切换/admin/post和/admin/post/add，但它没有路由正确的组件。它总是路由到App.Vue 下面是我用web.php编写的代码 Route::get('admin/{any?}', 'App\Http\Controllers\Admin\DashboardController@index')->where('
浏览 13提问于2021-01-23得票数 0
我有一条路线：
{
path: '/user',
name: 'user',
component: () => import('@/views/users/Users.vue'),
children: [
{
path: '/:id/:username?',
name: 'userData',
component: () => import('@/components/users/User.vue&#
浏览 5提问于2020-04-23得票数 1
我是Vue的新手，我需要维护一个项目。问题是:我在main.js中有一个路由方案..
main.js
import Vue from 'vue'
const app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
pages/page.vue
<span>{{ message }}</span>
结果是，我试图在外部模板中显示日期上的“消息”。它在文件夹地址“../pages/page.vue”中；但是当我放入
浏览 2提问于2018-05-17得票数 1
1回答
我有这样的情况:我有一个不属于SPA的Laravel应用程序。但是我在我的应用程序的许多组件中使用Vue，使用单文件组件和所有这些。
但是，出于性能原因，我只想在某些页面中加载一些组件。但是，当我在第二个.js文件中注册组件时，总是会收到如下错误：
属性或方法“地址”不在实例上定义，而是在呈现过程中引用。确保在data选项中声明反应性数据属性。(发现于)
我的结构是这样的：
app.js
window.Vue = require('vue');
import ModalMessage from './../components/ModalMessage.vue&
浏览 2提问于2017-03-06得票数 1
我在跟踪，但我不知道为什么会有一个带有js错误的空白页面
vue-router.esm.js?fe87:10未明错误:vue路由器“路径”是路由配置中必需的。
这是我的两页：
/:language/bar /:language/foo
+------------------+ +-----------------+
| +---------+ | | +---------+ |
| | header | | | |
浏览 4提问于2017-07-27得票数 2
回答已采纳
我是vue新手！我有3个div，所有div都有一个消息数据(一个来源)！我绑定了一个方法，当鼠标悬停在一个div上时，它会改变消息！这个东西运行得很好，但是它改变了所有div的消息！我知道这是合乎逻辑的！但是我怎么能只对悬停的元素数据进行更改！不影响他人！
这是我的。
Html是：
<div id="app">
<div class="one" v-on:mouseover="change">
{{ message }}
</div>
<div class="one"
浏览 7提问于2017-03-10得票数 0
回答已采纳
我正在构建一个应用程序，它使用Vue显示我的用户将看到的大部分数据(图表、表等)。
现在，假设我有一个用Vue构建的表，其中包含每个用户执行的操作列表。现在，用户名单元格将特别使用用户的图片、社交句柄等进行格式化。该表中显示用户的方式与在其他组件中显示的方式相同。它还将包含一些特殊的功能(例如，悬停在图片上将提供关于用户的扩展信息；但该功能只是计划中的)。
我的目标是尽可能多地重用代码。这就是为什么我计划在我的UserProfile.vue组件中有一个小的Table.vue组件。使用这一逻辑，我也可以为其他信息重复此操作(例如CompanyProfile.vue、ProjectDetail.v
浏览 4提问于2018-03-23得票数 2
回答已采纳
1回答
我正在用Vue.js SPA中的vega-lite绘制条形图。主数据层的编码部分如下所示： encoding: {
x: {field: 'word', type: 'ordinal', sort: '-count'},
y: {field: 'count', type: 'quantitative'},
tooltip: [{field: 'word'}, {field: 'count'}, {field: 'doc_count'}]
浏览 18提问于2021-01-07得票数 0
我对单元测试很陌生，我正在尝试测试在组件挂载时调用的函数。下面是我正在测试的组件代码：
<template>
<div>
<div class="grid">
<Card
class="grid_layout_col"
@showItemDetail="showDetails(index)"
@openEditModal="editItem(index)"
/>
</div>
浏览 3提问于2020-02-20得票数 1
回答已采纳
<template>
<div>
<top-loader ref="topLoader"></top-loader>
<div class="container">
<router-view></router-view>
</div>
</div>
</template>
<script>
import Toploader from '
浏览 2提问于2018-11-11得票数 0
1回答
我使用的是Vue-路由器，我需要使用嵌套的路由，所以我写了“儿童关键字”来引用子组件页面，所以我的问题是，当我单击用嵌套路由和ID替换的当前URL链接，而不加载我的组件时，当我将路由器-链接更改为另一个没有嵌套的组件时，它会加载组件，所以我问我的错误是什么？
route.js
{
path: '/targets',
name: 'target',
component: () =>
import ( /* webpackChunkName: "target" */
浏览 1提问于2020-01-07得票数 5
回答已采纳
我是Vue.js的新手，我正在尝试使用按钮中的router.push将其链接到我的路由，但是，当我单击它时，它只是忽略了作为原始路由路径一部分放入的字符串的一部分：
我的按钮代码：
<div style="text-align: center; justifyContent: center; display: flex;">
<Button label="Entrar" class="p-3 text-xl" style="width: 250px"
@click="$router.pus
浏览 2提问于2022-05-11得票数 1
回答已采纳
在Vue + Vite项目中，我的文件夹结构如下所示
问题是vite没有检测到A.vue或B.vue中的更改(B.vue)，即组件文件夹中NestedFolder下嵌套的组件。其他地方都很好。
我的vite.config.js是这样的，
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
e
浏览 9提问于2022-08-10得票数 2
1回答
我想根据我通过API提供的数据来呈现一个列表。我做了一个当前输出的屏幕截图。问题是，我无法访问对象属性。加载页面时会出现错误。如何正确访问属性？@{{incident.incidentReference}}没有工作。
<div class="row">
<div class="col-lg-12">
<ibox title="Einsätze">
<table class="table">
<the
浏览 1提问于2017-05-23得票数 1
回答已采纳
我正在通过阅读文档来学习VueJS路由。我从页面中打开了一个示例，并添加了我自己的嵌套路由“/user/foo/post/1，/user/foo/posts/2，/user/foo/posts/3”，并期望它们能够正确显示
我试着仔细阅读了开始的例子，以及路由的文档(上的页面)。我一点也不知道出了什么问题。
代码如下：
HTML：
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/v
浏览 7提问于2019-10-25得票数 0
当我在子路由上导航(在上面的http://<mydomain>/applis示例中)，然后刷新页面=>时，我不知道发生了什么
未找到//请求的URL /applis未在此服务器上找到
import MyComponentView from './components/MyComponent.vue'
import LoginView from './components/Login.vue'
import NotFoundView from './components/404.vue'
import DashboardV
浏览 3提问于2017-01-06得票数 5
回答已采纳
2回答
Vue路由器不路由到指定位置
、、、、
我使用vue与vue-路由器和路由不工作时，路由到子路由。
{
path: '/user',
name: 'User',
component: User,
children: [
{
path: 'profile',
component: Profile,
},
],
}
以编程方式路由到/user/profile
<template>
<div>
<button @click=&#
浏览 4提问于2020-06-08得票数 2
回答已采纳
如何在Vue组件中声明gmap-infowindow？ 我有一个似乎在main.js文件中声明的GmapMap组件。在这个组件中，我想要一个悬停组件，其中包含一个信息组件。我不知道如何声明info组件，因此收到错误消息“未知的自定义元素：” // main.js
Vue.use(VueGoogleMaps, {
load: {...}
)
// site_maps.vue
<template>
<div>
<GmapMap>
<HoverTooltip \>
</GmapMap>
</d
浏览 17提问于2019-09-18得票数 0
回答已采纳
1回答
我有一个导航栏(可能还有一个页脚)，它应该在每个嵌套页面上都可见。所以基本上只是内容发生了变化。在Vue.js中，我只需要使用<router-view>作为动态内容的占位符，使用<router-link>来切换此内容。 现在，在Nuxt.js中，我有以下目录结构。 pages/
--| calendar/
-----| index.vue
--| people/
-----| index.vue
--| index.vue 我的导航栏由两个<nuxt-link>组成，例如<nuxt-link :to="/calendar"> (
浏览 38提问于2020-08-03得票数 0
在Vue.js中，React中是否有类似createContext的东西？https://flaviocopes.com/react-context-api/ 我找到了这个https://github.com/zephraph/vue-context-api，但我更喜欢使用更“官方”的东西
浏览 146提问于2020-09-15得票数 4
回答已采纳
1回答
嗨，伙计们，我有下面的路由，我尝试调用使用嵌套路由同时加载的不同组件，我有一个导航栏(称为NavBar)与我的主表单(称为MainForm)一起加载。不知何故，MainForm没有被调用，只有NavBar。我还有一个没有NavBar的表单，这就是下一个路由条目。路由器包含以下代码：
import MainForm from '@/components/MainForm';
import NavBar from '@/components/NavBar';
Vue.use(Router);
export default new Router({
routes
浏览 3提问于2018-05-23得票数 3
回答已采纳
在VueJS中，是否有多个单个文件组件(作为父-子)，每个都是嵌套在根实例中的vue实例？我之所以有这个假设，是因为每个组件都可以具有相同的属性，如data、methods、template、生命周期挂钩(mounted、created等)，类似于根Vue实例，或者说类似于非证监会设置中的vue实例。
在我看来，任何web包+ vue -加载器单文件组件设置都是作为JS对象导出并导入到父组件中的嵌套对象，即子组件嵌套在父组件中，父组件嵌套在单个根vue实例中。
基本上，简单地说，只有一个根实例，而证监会是嵌套对象。正如在下面链接的css-技巧文章中所写：
应用程序中可以有多个实例。通常，我们
浏览 2提问于2019-03-19得票数 0
回答已采纳
1回答
首先，我是vue.js新手，所以如果我的问题有点基础的话，我很抱歉。我的App.vue是：
<template>
<div id="app">
<router-view />
</div>
</template>
我有一个router.js，它有：
import Vue from 'vue';
import Router from 'vue-router';
import Container from "./components/Container.vue
浏览 0提问于2019-07-02得票数 2
回答已采纳
1回答
在我当前的项目中，我同时使用了Vue.js和。模板由HAML解析，转换为HTML，然后由Vue解析。例如：
#pagecontent.nonscrolling
%h2 Demand forecasts
%label{ for:"location-type" } Select location type
%select.form-control#location-type{ v-model:"locationType" }
%option{ v-bind:value:"'foo'" } Foo
浏览 11提问于2018-01-12得票数 5
回答已采纳
2回答
我正在迁移到，但是我的项目有几个级别的component文件夹：
/components
/foo
file.vue
file2.vue
/fooTwo
anotherfile.vue
/bar
file1.vue
file10.vue
etc...
由于，如果我试图导入anotherfile组件，就必须将它在代码库中使用的每个位置重命名为：<FooFooTwoanotherfile/>
因为他们的
组件的名
浏览 8提问于2022-05-19得票数 2
回答已采纳
1回答
我希望社区能对这件事有所了解。我希望在我的Vue应用程序中嵌套一些路线(这是我的第一个vue项目)。我的主要路线正在工作，包括父路由配置文件。
我已经跟踪了文档，并检查了代码以及一些视频。找不到错误。
我将提供到回购的链接，而不是粘贴代码。
router.js这里-
所有.vue文件都在视图中，如下所示：
我在“视图/配置文件”文件夹中尝试在“配置文件”下嵌套，但这也不起作用。
您可以在这里看到带有路由器链接标记的导航栏：。
我没有错误，它只是呈现一个空白，即使路径是以正确的方式存在的，例如
“配置文件”页面出现了，所有其他的孩子-没有。
浏览 2提问于2019-11-15得票数 0
回答已采纳
3回答
这可能听起来像一个真正的菜鸟问题，但我是MVVM的新手……或者甚至是JS中的MVC，所以提前向您道歉。
我正在尝试使用vue.js，到目前为止我喜欢它的简单性。但对于我正在尝试做的事情，我认为我需要用一种不同的方式去做。
我希望将Vue实例/元素嵌套在彼此内部，但当然，当父对象通过init上的DOM读取时，它将使用子对象。
为了便于论证，下面是我的意思的一个例子，我没有这样做，但这是举例说明我的意思的最简单的方法：
<body>
{{ message }}
<div id="another">
{{ message }}
浏览 3提问于2015-07-10得票数 18
1回答
我使用vue.js创建了一个仪表板，但我之前已经使用基本的超文本标记语言和CSS创建了简单的网页。有没有什么方法可以在点击按钮后将Html页面重定向到vue仪表板。Vue仪表板是一个不同的项目
浏览 128提问于2019-09-08得票数 0
我正在尝试在ReactJS的嵌套组件中推送一些交互性。
。
这是我的NesterComponent.js：
<div {a general div}>
<div className={style.displayer} >
<IncludedComponent/>
</div>
</div>
这是我的IncludedComponent.js：
<div>
<div className={style.dish_footer}>
浏览 9提问于2018-08-19得票数 0
回答已采纳
1回答
我正在尝试嵌入一个vue应用程序在一个网站，这已经是一个Vue应用程序的toplevel div。主要网站是动态网站(CMS)。在toplevel上有一个div (vueApp)，它被转换为vue应用程序。
现在，我还有一个嵌套的vue应用程序，它使用自己的javascript (并且正在托管)。这个嵌套的应用程序完全在主vue应用程序的html中(参见下面的结构)
现在我有两个问题：
The嵌套应用程序在主vueApp挂载后无法工作。这些事件似乎断断续续。因此，它看起来很好，但点击没有处理。Vue抱怨vueApp div.中的脚本标记。
<html>
<body>
浏览 6提问于2022-06-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
