Vue -在渲染前修改插槽的适当方法-目标:以编程方式添加转换组密钥
Vue是一种流行的JavaScript前端框架，用于构建用户界面。它的目标是通过提供简单易用的语法和强大的功能，使开发者能够快速构建高效的Web应用程序。
在Vue中，可以通过编程方式修改插槽的适当方法，以实现一些特定的需求。以下是一些常用的方法：
- 访问插槽内容：
可以通过使用
$slots对象来访问插槽内容。例如，如果有一个名为"content"的插槽，可以通过this.$slots.content来获取插槽的内容。 - 修改插槽内容：
可以使用Vue提供的一些方法来修改插槽的内容。例如，可以使用
v-for指令在插槽中循环渲染内容，或者使用v-if指令根据条件显示或隐藏插槽内容。 - 添加转换组密钥：
转换组密钥是指在渲染前对插槽内容进行修改或处理的操作。Vue提供了一些生命周期钩子函数，可以在渲染之前或之后执行一些逻辑。例如，可以使用
beforeMount钩子函数在渲染前添加转换组密钥。 - 示例代码：
- 示例代码：
- 在上述示例中，使用
beforeMount钩子函数在渲染前遍历插槽内容，并给每个VNode添加了一个转换组密钥。
以上是关于在Vue中以编程方式添加转换组密钥的方法。针对Vue的详细介绍和更多功能，请参考腾讯云的Vue相关产品和文档：
- 腾讯云Vue产品介绍：Vue.js - 渐进式 JavaScript 框架
- 腾讯云Vue文档：Vue.js 官方文档
相关·内容
2回答
我有一个外部div，我需要渲染在我的Vue应用程序。我试着用一个插槽，就像，但这是一个不去，因为没有渲染。
有什么想法吗？
目标是拥有这样的HTML (Vue挂载在#app上)：
<div id="app" data-slot-header="#header"></div>
<div id="header">
<h1>Title here</h1>
</div>
然后Vue组件
<template>
<div>
<slot na
浏览 11提问于2020-08-10得票数 1
回答已采纳
1回答
我使用vue和vue路由器作为我的投资组合。我添加了简单的“淡出”动画。我的动画很落后。
我的App.vue组件：
<template>
<div id="app">
<Square/>
<Navbar/>
</div>
</template>
我的Square.vue组件：
<template>
<div id="square">
<transition name="fa
浏览 1提问于2018-11-16得票数 2
回答已采纳
在vue中，渲染函数中有一个插槽选项，文档中写道：“如果这个组件是另一个组件的子组件，则插槽是插槽的名称”。我不明白这是什么意思。我的理解是，插槽名称是由createElement函数的名称作为插槽返回的节点，但这似乎是错误的。我的英语不好，如果我没有把问题描述清楚，我很抱歉。 Vue.component('render-component', {
render(h) {
return h('div', {
class: 'main'
}, [
h('div', { slot: &
浏览 127提问于2019-03-09得票数 0
1回答
我想做以下工作，但是使用Vue 2的渲染功能。
<template>
<imported-component>
<template v-slot:default="{ importedFunction }">
<button @click="importedFunction">Do something</button>
</template>
</import-component>
</template>
浏览 7提问于2021-01-11得票数 3
回答已采纳
1回答
查找已删除的密钥(插槽)
、、、
我有一个使用LUKS加密的外部备份硬盘驱动器。当我重新组织我的备份时，我将数据复制到另一个加密的驱动器中，并通过用随机数据替换密钥槽中的密钥，在原始驱动器上进行了一种“快速擦除”。目标是之后使用驱动器作为第二个备份，但在那一刻，时间未能正确清理驱动器和做第二个副本。
不幸的是，我的第二个备用硬盘和电脑被偷了。剩下的是原始备份驱动器，理论上它包含数据，但后面有一个我不知道的密钥。但是，在替换之前，我仍然知道原来的键，以前在键槽中使用的那个键。
有机会找回这个旧的钥匙孔吗？该驱动器是一个标准的磁力2.5“USB3驱动器，而不是SSD，所以我不知道它是否使用某种形式的这种元数据复制，或者某些工具是否
浏览 0提问于2020-05-24得票数 0
回答已采纳
1回答
编辑简化问题
为什么在这个极简主义的例子中的过渡不起作用？(它模仿了我的代码中的真实情况)
前员额
我想在VueJs 2中的自定义组件上应用一个转换，这取决于v条件。
我试图将转换放在内部，加载组件：
父组件
<loading v-if="shared.loading"></loading>
Loading.vue
<template>
<transition name="slide-fade">
<div class="loading-container"&g
浏览 0提问于2017-02-02得票数 0
回答已采纳
请参阅此最小示例 1 这个最小模板不会抛出任何错误，因为父模板没有渲染任何内容。 <template>
<div v-if="false">
{{ i.dont.have.the.value }}
</div>
</template> 2 现在，如果我使用默认插槽创建一个模态包装器，并且仍然使用v-if Modal.vue <template>
<div v-if="show">
<slot />
</div>
</templa
浏览 9提问于2020-08-12得票数 0
回答已采纳
我是vuejs的新手，所以请容忍我！
我已经创建了一个简单的组件，将数据从我的应用程序传递给它，但我希望在整个应用程序中重用该组件时能够使用HTML。为了让事情变得更简单，我简化了所有的工作，下面是我的.vue文件：
<template>
<div>
<slot :data="data">This is a placeholder ({{data}})</slot>
</div>
</template>
<script>
export default {
name:
浏览 7提问于2018-08-09得票数 0
我的目标是构建一个测试套件来可视化React、preact、Inferno、Snabbdom、Vue中内部超脚本方法createElement() (也称为h())的实现差异。 在React中，我可以像这样调用它(不需要构建组件)： ReactDOM.render(
React.createElement('div', { className: 'preview' }, ['Hello World']),
document.getElementById('react-preview')
) 在Preact中，我们简单地执
浏览 30提问于2019-02-01得票数 1
回答已采纳
1回答
由于一些服务器端渲染，我希望能够将一个命名槽从父组件传递到子组件，但我不确定正确的机制。我能够获得要传递的顶级模板，但是title的名为slot的子级似乎无法访问。
<div id="app1">
<parent>
<template #forchild>
<div>
For child template area
<template #title>Title!</template>
</div>
</templa
浏览 0提问于2020-10-03得票数 8
在我的项目中，我有以下VueJs-Typescript组件： <template>
<form>
<input type="text" v-model="myModel.myDate" />
</form>
</template>
<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator';
@Compon
浏览 40提问于2019-09-18得票数 1
我一直在研究Vue.js的插槽组件。我的目标是了解如何使用插槽来控制组件信息。因此，我试图制作简单的代码来理解插槽组件。但没起作用。
我制作了两个组件，一个是主组件"ApptestMaster.vue“，另一个是子组件"ApptestChild.vue”。我想在ApptestMaster中显示来自ApptestChild的列表信息。但是我只显示按钮。请告诉我！
这段代码是“ApptestMaster.vue”的主要组件
<template>
<v-app>
<ApptestChild name="hoge"&
浏览 8提问于2020-07-21得票数 2
回答已采纳
我正在尝试达到这样一个点，即我可以在单个父级中呈现多个组件类型。这不是一个很容易找到答案的东西。
我知道它通过向模板添加一些东西来区分组件来区分它们，但是如果我传递数据，如下所示，我什么也得不到，有什么提示吗？
编辑:我也不想在HTML中渲染这些组件才能工作，需要通过JS传递。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="app">
<component v-for=
浏览 32提问于2017-02-01得票数 0
回答已采纳
我在app.js中有一个全局测试变量：
Vue.prototype.$test = 10;
然后我在父页面(Menu.vue)中使用路由视图，如下所示：
<router-view :key="$test" ></router-view>
我尝试更改子组件MyContact.vue中的全局变量值(test)，以便重新呈现“路由视图”：
<label v-on:click="setRouteId(item.writer_id)"> Change </label>
setRouteId: function(id){
浏览 3提问于2021-09-25得票数 1
当尝试使用sun PKCS11提供程序生成rsa密钥对时，方法generateKeyPair()抛出ProviderException: sun.security.pkcs11.wrapper.PKCS11Exception: CKR_USER_NOT_LOGGED_IN。
我的代码如下所示：
Provider prov = ... // initialize provider
KeyStore ks = KeyStore.getInstance("PKCS11", prov);
ks.load(null, "pass".toCharArray());
Ke
浏览 0提问于2018-12-04得票数 1
回答已采纳
所以这是我的问题。我需要programmatically能够取消选择我的md-button-toggle-group中的任何选定的md-button-toggle。目标是，当md-button-toggle-group被隐藏，然后转售时，它应该不再有任何选定的md-button-toggle；目前，它正在跟踪在隐藏之前选择了什么。不幸的是，我的尝试都没有取得积极的结果。
我特别需要使用这些图形组件，而且我不能修改预期的行为。
我试过什么：
·将checked属性md-button-toggle绑定到布尔值，并在需要选择/取消选择时以编程方式将其设置为false / true。不起作用。
·要清
浏览 0提问于2017-03-10得票数 1
回答已采纳
1回答
这是一个关于信任网络的使用的问题。
假设我刚刚生成了一对密钥，并参加了一两个关键签署方。这给了我10个公钥签名，其中一些签名属于OpenPGP活动分子(因此我相当肯定，现在我的密钥属于全球信任网络中的“强集”)。因此，我发布了hkp://keys.gnupg.net的密钥，并将与会者的所有密钥都取到本地密钥环中。
同时，也有像http://pgp.cs.uu.nl/这样的网站，它们似乎自动化了“信任网络中的路径查找”，也就是说，给定我的密钥指纹和一些目标密钥，它会查询密钥服务器并显示从我的密钥到目标的所有签名路径。
同时，它的使用需要大量的人工干预。如果/当我收到已签名的消息并希望验证签名时，
浏览 0提问于2015-12-21得票数 2
回答已采纳
1回答
问题:我正在尝试以编程方式注册一个组件，以便在我的Vue/Nuxt站点的一个插槽中使用。组件名称包含在父index.vue文件的数据中，在这个实例中，组件名为Projects。我将它包含在v-for模板中，因为'modules'数据数组中的各种对象都是迭代的。我曾认为这在和中是可能的/容易的，但是我没有设法使它在我的情况下发挥作用。
我期望发生的事情：，我期望这个组件被注册，并被正确地排入Module组件中。
实际发生的事情:虽然我可以在呈现的视图上看到组件是“存在”的，但它不是在正确的位置(即将槽插入到Module组件中)。我还收到一个vue/no-unused-compon
浏览 5提问于2020-03-17得票数 1
回答已采纳
Vue 3有一个新的远程端口功能，它取代了vue 2中的portal-vue插件。然而，我发现不可能将一个组件移植到由vue (=在vue应用程序中)控制的地方。它只有在移植到外部(body、其他元素...)时才能工作。
const app = {
template: `
<div>
<h1>App</h1>
<div id="dest"></div>
<comp />
</div>`
}
Vue.createApp(app).component(&#
浏览 6提问于2020-08-30得票数 7
我目前正在与Laravel和Vue/Vuetify一起开发一个图像旋转木马，我使用Vuetify v-carousel和v- carousel -项目来实现这一点，但由于标题中的错误，旋转木马没有渲染。
我已经根据Vuetify文档正确地初始化了我的vuetify实例(我认为)
-下面的代码是我的app.js--
import Vue from 'vue'
import Vuetify, {VCarousel} from 'vuetify/lib'
Vue.component('example-component', require('
浏览 1提问于2019-08-20得票数 1
回答已采纳
1回答
我有一个带有jQuery DataTables表的Vue JS组件。我想向每个主行添加多个子行。这可以像这样完成：
this.table = $('#dataTable').DataTable({stateSave: true});
var self = this;
this.table.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
var data = this.data();
let row = self.table.row(t
浏览 4提问于2018-04-11得票数 0
在具有多个GPU的SUSE计算机中，是否有可能以编程方式快速区分哪个(或哪些)GPU正在渲染显示？
目标是自动检测适合/可用于调试的卡。
(不能在渲染显示的卡上使用cuda-gdb，猜测是...不雅观。)
浏览 9提问于2013-07-15得票数 0
1回答
我在我的页面上使用vue3作为反应性内容(没有node-js，没有路由器，什么都没有，只有<script src="vue.js">和内联模板。所以我有一个关于类绑定的问题 const app = Vue.createApp({});
console.log("Vue version:", app.version);
app.component('application', {
data() {
return {
isActive: false,
}
},
template: '#
浏览 17提问于2021-08-24得票数 0
回答已采纳
1回答
几分钟前，我和我的朋友们在leetcode.com上解决了一些算法问题，并分享了我们的解决方案。我们使用高级语言，当Array.new(128)在Ruby中分配新内存时，或者在Java中使用int[] map = new int[128];分配新内存时，它们已经分别由类似于零的值nil或0填充。
所以这是为了保证高级别的项目已经清理了地方。
在这里，我有一个问题:在C或汇编程序中，新的内存块会不会不改变地存储来自其他进程的数据呢？
因此，一个进程获得另一个进程的数据。甚至可能是一段时间前在系统中工作的另一个用户的数据。这会是信息泄露的一种方式吗？
操作系统在进程间共享内存之前清除内存吗？如果是
浏览 3提问于2020-05-21得票数 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
回答已采纳
假设我有三个组件: Alpha，Bravo和Charlie。
看起来是这样的：
Alpha.vue
<template>
<div class="alpha">
<bravo>
<template slot="card">
<charlie></charlie>
</template>
</bravo>
</div>
</t
浏览 0提问于2018-08-08得票数 0
回答已采纳
1回答
我在尝试从子组件A ($emit)传递数据到父组件以及从父组件传递到子组件B (props)时卡住了。
使用nuxt.js我有：
布局/default.vue
此默认模板将加载大量组件。这些组件的使用与否取决于子变量，该变量将设置v-if指令。
子页面如下所示：
pages/blog/index.vue pages/about/index.vue ...
目标是在父代上设置什么组件将被使用，标志可以随时改变，用户可以选择什么将被渲染在管理区域上。
我尝试过对子组件和vuex使用本地计算方法，但两者都没有成功。
布局/default.vue的想法。
<template>
&l
浏览 2提问于2019-07-23得票数 3
1回答
我刚刚查看了Vue JS文档中关于转换的一些示例代码。我正在尝试将按钮添加到每个列表项中，并使它们能够在每个列表中切换内容。
以下是我的实例的示例：
<ul id="demo">
<li>
<button v-on:click="show = !show">
Toggle
</button>
<transition name="fade">
<p v-if="show">hello</p>
</transit
浏览 7提问于2017-01-25得票数 1
我以编程方式更改了v-模型。如何更新附加的其他输入？是双向标记还是强制渲染？
html：
<body>
<div id='app'>
<div v-for='item in items'>
<input type='checkbox' v-on:change='check(item,$event)' v-model='item.checked'/>
</div>
</div>
</body>
ja
浏览 1提问于2017-06-30得票数 0
回答已采纳
我正在尝试使用Vuetify的VMenu组件，我希望当用户点击按钮时，VMenu就会出现。至于docs，它说我们应该添加一个作用域插槽。使用普通模板时，它可以工作，但当我切换到渲染函数方法时，它永远不会渲染按钮。 我一直在关注Vue的docs，结果是： h(VMenu, { props: { value: isMenuOpen.value } }, [
h(
"template",
{
scopedSlots: {
activat
浏览 51提问于2021-05-06得票数 0
回答已采纳
我正在做一个新的网络项目。以前，我把所有东西都放在一个项目(django)中。这一次，我决定将其分成两个独立的项目-后端(django)和前端vue。我没有使用过原始的vue项目，所以我的问题是--我可以在vue中使用块吗？我的目标是为其他视图创建一个带有导航栏、页脚和中间div的主模板，就像在django块中一样。我可以在每个视图中导入这些组件，但它并不优雅，我打赌一定有其他解决方案。
浏览 19提问于2020-07-31得票数 0
回答已采纳
2回答
我一直收到这个错误： error in ./node_modules/keytar/build/Release/keytar.node
Module parse failed: Unexpected character '�' (1:2)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Sour
浏览 42提问于2019-12-06得票数 3
回答已采纳
2回答
很简单的问题。我正在学习VueJS，并且创建了一个简单的组件： Vue.component('blog-post', {
props: ['title'],
template: '<h3>{{ title }}</h3>'
}) 然后我解析了一些数据，如下所示： new Vue({
el: '#blog-post-demo',
data: {
posts: [
{ id: 1, title: 'My journey with
浏览 26提问于2020-10-14得票数 0
1回答
我有一个包装多个parent组件的child组件。我希望父组件管理其所有子组件的状态。当孩子被点击，我希望父母知道，我想更新所有的兄弟姐妹，让他们知道哪一个是活跃的。
Vue.component('child', {
template: '#childtemplate',
props: ['index', 'activeIndex'],
methods: {
updateActiveIndex: function() {
console.log("emitting");
浏览 0提问于2017-03-13得票数 1
回答已采纳
‘我有一个包含不同插槽的组件，例如：
页眉槽、主槽和页脚槽
base-layout.vue
<template>
<div class="container">
<header>
<slot name="header"></slot>
</header>
<main>
<slot></slot>
</main>
<footer>
<slot nam
浏览 23提问于2021-06-08得票数 2
回答已采纳
1回答
如何使用v-for迭代元素
、、、、
在对API进行了一些初始迭代之后，我在控制台中以item的形式返回了48个对象。我把它作为nameModules传递给Vue数据。
下面的迭代代码：
for (const item of result.application.modules.module.moduleItem) {
console.log(item)
let returnedNames = item;
this.nameModules = returnedNames;
}
Vue数据：
data: function() {
return {
nameMo
浏览 0提问于2019-09-10得票数 0
1回答
如何使用v-if的结果在Vue中呈现两个不同的组件？如果这很重要，我也会在使用TreeView渲染v-for时尝试这样做。到目前为止我已经试过了。
TreeView.vue：
<template>
<span>
<ul v-show="isOpen" v-if="isFolder">
<p
v-for="(child, index) in item.children"
v-bind:item=&
浏览 2提问于2020-07-26得票数 1
回答已采纳
我使用app.js生成选项卡，如下所示：
输入：
<tabs>
<div>
<a slot="header">Tab 1</a>
<article slot="content">
<h2>Tab 1 Content</h2>
<p>Lorem ipsum dolor sit amet</p>
</article>
</div&g
浏览 2提问于2018-10-07得票数 0
1回答
我有个奇怪的问题。下面是用于呈现vue页面的代码。在我的本地机器上，这个页面的渲染时间大约是50~80ms，但是，如果我并行访问页面，有时可能是120ms左右(可能200个请求中有5次)，但大多数时候，它仍然是50~80ms。
然而，当我将代码部署到我们的产品docker上时，这些窥视时间变得越来越差，有时可以达到1秒，很多时候达到500ms，性能很差。这没有意义，请求负载不重，我们也有负载平衡。对于我们使用EJS渲染的类似页面，我们不会经常看到这种偷看。EJS和Vue使用的后端逻辑和服务都是相同的。
客户端渲染也是一样的，它有相似的症状。
有没有人知道是什么原因导致了这个问题？
浏览 0提问于2020-04-22得票数 1
所以我正在做一个网站，在某些网页上呈现广告横幅。我怎样才能在浏览器控制台上得到所有可能的广告横幅，用纯javascript渲染呢？目前，我能够访问这些数据的唯一方法是通过控制台，这是一个弹出窗口。
有一个'googletag‘方法，当我在控制台中运行时，它会给我一个对象，但是我无法找到所有可能的插槽的数据。
我希望能够访问广告插槽和编程选择什么要渲染。
谢谢。
浏览 7提问于2021-01-13得票数 0
回答已采纳
1回答
我的渲染模板有点问题。似乎来自主实例的数据没有传输到组件中。
这是Vue代码：
Vue.component('country-list', {
template: `
<tr class=parent>
<country v-for="country in countryList">
<td>Render This</td>
</country>
浏览 4提问于2017-06-19得票数 1
回答已采纳
我正在尝试将中的示例JSX代码转换为Vue $createElement代码
原始代码片段：
renderContent(h, { node, data, store }) {
return (
<span>
<span>
<span>{node.label}</span>
</span>
<span style="float: right; margin-right: 20px">
<el-b
浏览 40提问于2017-08-11得票数 2
回答已采纳
1回答
在Vue构造函数的选项的Vue文档中，声明“除非模板中存在内容分布槽”，否则不会显示根元素的内容。但是，当尝试编写以下内容时：
new Vue({
el: '#app',
template: `
<div>
<h1>App title</h1>
<slot></slot>
</div>
`
});
<html>
<body>
<div id="app">
App content
&l
浏览 0提问于2018-03-01得票数 9
回答已采纳
我是一个网页开发人员，不知道android编程。 当我决定用我的vue cli 4为移动设备创建的单页面应用程序时，我的问题就显现出来了。 实际上，我使用此存储库为其构建了一个for视图： https://github.com/slymax/webview 但我不知道为什么它会显示空白页？(我只知道我的webview可以渲染DOM，但不能渲染应用程序的虚拟DOM。因为我尝试在任何浏览器上运行我的应用程序，它可以工作，但在webview中我看不到我的结果) 不管怎样..。我的问题在哪里？如果你需要在我的vue cli目录中检查一些配置文件，比如vue.config.js或者类似的东西，请告诉我
浏览 54提问于2020-04-11得票数 0
回答已采纳
我的站点只对某些组件使用Vue.js (而不是整个站点或页面)。站点本身是用Python编写的，并在服务器端呈现。在服务器端做的一件事，就是解析HTML标签中的所有文本内容--文本内容充当一个键，它将被转换为键的值(例如，<h1>^Default heading^</h1>将变成<h1>Actual heading</h1>)。由于我的Vue.js应用程序是在客户端呈现到应用程序的容器div中的，所以在SSR期间，翻译程序将不会接触Vue应用程序的所有文本内容。
因此，当前的解决方案是在Vue app之外定义一个JS对象，方法是添加Vue app
浏览 0提问于2019-10-29得票数 0
1回答
我目前正在使用Vue 3.0和Element+来构建一个网站，我遇到了一个不一致的地方。
我在页面上显示了一个div (一个对象数组)，并且我正在尝试使它能够在单击按钮时从数组中删除对象。一切都呈现得很好，但出于某种原因，有时单击Delete按钮时，它会返回按钮元素而不是父元素，而且由于按钮没有ID，所以它变为null。我还没能分辨出它的模式。最后，我们的目标是读取div元素的ID，并在函数中使用该ID筛选出由单击的div表示的对象。
为什么parentNode有时返回parentNode的子元素而不是父元素？
编辑:我更改了代码，使其成为一个卡片，而不是仅仅是一个div，而且它似乎没有返回单
浏览 1提问于2021-05-23得票数 1
回答已采纳
1回答
我正在做DirectX11中的深度/模板传递，我相信我可以简单地解除像素着色槽的绑定，以跳过像素阴影，从而将所有的彩色输出全部转换到渲染目标(即使存在渲染目标绑定)，并且只需呈现到深度/模板缓冲区。然而，我找不到任何文件来支持这一理论。我的假设正确吗？
浏览 2提问于2014-08-05得票数 0
回答已采纳
2回答
我目前正在试图显示价格(通过api加载)的日子里的数据(有点像谷歌航班)。
例：
我正在使用Vue 3，我试图使用元素+库来实现这个目标.我想不出怎么做。任何建议(我检查了Element-plus doc)，或者建议可能另一个Vue 3lib完全相同！
这是我的密码
<link href="//unpkg.com/element-plus/lib/theme-chalk/index.css" rel="stylesheet" type="text/css"/>
<script src="//unpkg.com/vu
浏览 7提问于2021-06-28得票数 2
回答已采纳
4回答
我试图在我的Vue文件carousel-signUp.vue中使用刀片
比如：
<template>
<div>
<form action="{{route('dump')}}" method="POST" >
/* Some code here...*/
</form>
</div>
</template>
但最后我还是出了点差错。
编译器无法理解Vue语法和Blade语法之间的区别。
浏览 9提问于2017-07-18得票数 5
回答已采纳
4回答
我正在使用Uikit开发响应式Vue.js应用程序。我必须创建两个菜单-一个为桌面版本，一个为移动。所以我必须定义相同的菜单项2次，第一次用于桌面链接插槽，第二次用于移动设备。我不想把它定义为2倍。我该如何优雅地处理这个问题呢？有什么想法吗？
<template id="app">
<app-layout>
<template slot="navlinks-desktop">
<router-link to="/link1" tag="li" exact>&
浏览 4提问于2017-07-27得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
