1回答
我在Vue.js中试用Vue.js，遇到了一个问题，就是不能手动设置它的高度，下面是我的代码--如果我做错了什么，请告诉我。
<ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
data() {
return {
editor: Editor,
editorData: '',
editorConfig: {
浏览 0提问于2018-12-26得票数 5
回答已采纳
1回答
我在Vue.js应用程序中使用超文本标记语言和CSS，我的问题是下面全宽的背景图像在没有文字的情况下无法显示，它会根据它的高度调整添加的文本(如果我添加一行文本，它会显示为半幅图像)，有没有方法可以显示全宽图像，即使我添加了一行文本？ <template>
<b-container fluid>
<div class="image">
<b-row class="justify-content-center">
<b-col cols="4">
<h2>Over
浏览 13提问于2020-12-13得票数 0
1回答
谷歌地图未在vue.js中显示
、、、、
我已经建立了一个基于Vue.js的应用程序使用莫纳卡，科尔多瓦和onsenUI。我想在我的页面上使用谷歌地图显示我的位置。为了实现这一点，我使用了一个npm包vue2-google-maps，但它没有显示任何内容。
我使用的代码来自该包的官方文档。它们如下所示：
<template>
<v-ons-page>
<custom-toolbar>Page 1</custom-toolbar>
<div>
<gmap-map
:center="c
浏览 8提问于2017-09-10得票数 5
2回答
我正在开发一个带有CSS和Bootstrap 3的动态相册艺术网格，当所有图像都缩放为1:1时，一切都很好。但是，当出现一个不像这样缩放的图像时，我的网格就会中断。下面是我问题的截图：
生成网格的代码如下所示：
<div class="row">
<div class="col-md-6 panel panel-default" v-for="result in results">
<img src="{{ result.art }}" />
<
浏览 4提问于2016-06-27得票数 3
回答已采纳
2回答
未显示背景图像
、、
我正在用vue.js开发一个组件，我有一个问题，图片没有显示在下面的标签中： <b-icon v-if="displayShowHistory && checkRole('showHistory')" class="backlight show-modal-icon" id="historyDoc" @click="showHistory"></b-icon>
.b-icon#historyDoc {
background: url("../assets/hi
浏览 16提问于2020-10-21得票数 0
4回答
我使用的是带有less的vue.js。我正试着用overflow滚动一个div，但是它不工作它仍然像overflow一样:隐藏 Screenshot of the problem. 这是代码 <template>
<div class="chatarea" v-if="currentRoom">
<ChatInput />
<div class="chatbox">
<ChatBit
:message="chats.message
浏览 97提问于2021-08-18得票数 0
2回答
我正在使用VueJs和Boostrap4创建一个组件，在该组件中，我希望获得类似于引导程序提供的类的设计。
通过阅读文档，引导程序提供了自定义的h-75和h-25类，我认为这是足够的，但我没有得到预期的结果。
Vue.component('listcontent', {
template: '<div class="w-100 h-75 bg-info">ds</div>'
})
Vue.component('datashared', {
template: ' <div cla
浏览 1提问于2018-09-05得票数 1
回答已采纳
1回答
我正在使用VUE.js 2
这是我的DOM：
<aside :style="{height : height()}" class="col-sm-4 col-md-3 col-lg-3">...</aside>
<main class="col-sm-8 col-md-9 col-lg-9" ref="userPanelMainContents">...</main>
这是我的脚本：
export default {
data() {
return {}
浏览 0提问于2017-07-30得票数 2
我有一个用ajax内容更新的HTML页面。我将Vue.js用于一些动态的前端事件。
即使我尝试forceUpdate，动态添加的元素也不会与Vue.js实例交互。
我怎么能这么做呢？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js"></script&g
浏览 24提问于2017-03-13得票数 1
回答已采纳
目前，我有一个包含此文件树的Vue.js项目(仅显示相关文件夹和文件)： root
src
assets
image.jpg
components
header.vue
index.html 所以在header.vue组件中，我有这样的CSS代码： .background-image {
background-image: url();
} 并且我需要引用assets文件夹中的image.jpg文件。我尝试了这么多不同的组合，但从来没有看到过图像，所以我就是弄不明白。
浏览 31提问于2019-01-18得票数 0
回答已采纳
我需要在我的Vue.js应用程序中集成在图表平台上创建的一些iframes。响应iframe的代码由一些html代码组成，我把这些代码放在模板中，并在一对脚本标记之间添加了一些javascript。
以下是html部分：
<iframe
id="datawrapper-chart-8dfPN"
src="//datawrapper.dwcdn.net/8dfPN/4/"
scrolling="no"
frameborder="0"
allowtransparency="true"
st
浏览 2提问于2018-10-03得票数 0
回答已采纳
当我单击每个列旁边的filter图标时，它打开弹出窗口，显示选择过滤器的选项，但是只有弹出窗口显示，它后面的实际网格消失了。所以弹出式窗口只是漂浮在一个空的背景上。当我关闭弹出窗口时，网格会返回。我只通过我的html使用Vue.js：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-s
浏览 2提问于2019-10-02得票数 3
回答已采纳
我在Vue.js应用程序中设置条带信用卡输入的样式时遇到问题。我想将背景颜色更改为#f1f1f1，高度更改为60px，但我无法通过基础样式或css执行此操作。我做错了什么？理想情况下，我希望以css为目标。下面是我的代码： loadStripe() {
card = elements.create("card", {
style: {
base: {
iconColor: '#2A2A2A',
color: '#2A2A2A',
浏览 29提问于2019-03-24得票数 5
我使用vue.js，它将组件(menuitem)识别为自定义组件。
<menu type="context" id="viewerContextMenu">
<menuitem id="firstId"></menuitem>
<menuitem id="secondId"></menuitem>
<menuitem id="thidId"></menuitem>
</menu>
因此，我在浏览
浏览 1提问于2016-07-06得票数 3
回答已采纳
我试图实现惊人的动画，不应影响另一个元素的位置附近的目标元素。转换是可以的，但问题是，当它完成动画时，它默认设置display: none;属性，从而使下一个元素跳转来填充它的位置。
我想知道是否可以保留它为display: block;，而只依赖opacity，但我无法从文档中得到任何线索。有可能吗？或者我应该使用动画库来代替？
要演示，请运行以下代码片段
console.clear();
new Vue({
el: '#app',
data() {
return {
showItems: false,
}
},
mounte
浏览 3提问于2021-04-03得票数 0
回答已采纳
3回答
内容固定时，背景滚动
、、、、
我正在制作一个使用vue.js和Bootstrap的网站，我已经在我的导航页面的顶部使用了引导程序的jumbotron组件，我想知道如何使一些元素滚动，同时保持一些元素保持不变。我将举一个例子，因为我知道，这一点现在仍然令人困惑。
Demo
页面上会有其他内容在巨无霸的旁边，我想要的是别克的标志(我也会有其他的标志)在其他内容后面的背景下滚动一段时间，直到页面的主滚动动作接管为止。我希望我现在要找的是清楚的。如果你需要更多的信息，我会很乐意提供它。
为了清楚地在这些图片中显示，只需显示大屏幕，而不是整页。另外，固定位置并不能解决我的问题，因为我希望固定元件留在巨型加速器中。
浏览 3提问于2020-07-15得票数 0
回答已采纳
1回答
我是vue.js的新手，使用vue.js更新<li>列表，并使用vue.js从其他列表中选择元素。但是我得到了一个错误
vue.js:465 [Vue warn]: Error compiling template:
下面是我用编写的代码。
我做错了什么？
浏览 1提问于2018-06-06得票数 0
1回答
当我设置strict: true时，我会得到错误：
vue.js:525 [Vue warn]: Error in watcher "state"
(found in root instance)
warn @ vue.js:525
run @ vue.js:1752
update @ vue.js:1720
notify @ vue.js:584
reactiveSetter @ vue.js:814
Transform.resize @ transform.js:169
e.resize @ map.js:343
e._onWindowResize @ map.js:12
浏览 2提问于2016-12-29得票数 1
回答已采纳
我的vue.js应用程序中有以下vue.js：
<div>
<button class="button_text" @click="reset">Reset</button>
<button class="button_text">Search</button>
<image-component class="button_image_icon"/>
</div>
我试图在<image-component>
浏览 1提问于2018-10-24得票数 0
回答已采纳
1回答
我正在构建一个应用程序使用vue.js与材料设计启动(mdb) - 。根据文档，要想使用select样式，我需要通过以下方式覆盖标准select：
$(document).ready(function() {
$('.mdb-select').material_select();
});
但是，我不知道将上述代码放在我的vue.js组件中的位置。我试着把它放在我的create方法中：
<template>
<select class="mdb-select">
<option>1</option
浏览 2提问于2016-09-26得票数 1
回答已采纳
17回答
我有一个Vue.js组件，其中包含几个元素。当调用组件中的方法时，我希望自动滚动到该元素的底部。
基本上，和一样。但是，我还没有找到在组件中获取元素并修改scrollTop的方法
我目前使用的是Vue.js 2.0.8。
浏览 26提问于2016-11-21得票数 95
回答已采纳
2回答
div中的文本对齐是通过text-align完成的。它通常运作良好：
<div style="text-align:right;border:1px solid red">
this goes to the right
</div>
我有一段代码(在vue.js帮助下生成的大型HTML中)，其中没有应用对齐。我强制设置了一个div的宽度，并希望其中的文本与右边对齐：
8:00有足够的空间向右移动，但它保持中心位置。CSS堆栈不显示此元素的任何特殊内容：
这种对齐(或缺少)的原因是什么？
注意:我没有包括整个HTML/SCS
浏览 4提问于2017-01-05得票数 1
回答已采纳
嗨，朋友们。我正在做一个使用响应式网页设计的例子。我更改了div中图像的高度和宽度，但无法更改div高度。这是固定的，也不会改变。我不知道是什么原因。我尝试过'height:100%‘，但是那个div中的内容没有显示出来。它只是显示空白页面。我需要关于这个问题的帮助，因为这对我来说非常重要。
浏览 0提问于2013-03-20得票数 1
在Vue.js中，我有以下代码(带有类型记录Vue.js 2和类组件)：
toggle(id: string): void {
if (this.selectedIds.has(id)) {
this.selectedIds.delete(id);
} else {
this.selectedIds.add(id);
}
}
和
get handledUsers() {
return this.users.map((user) => ({
...user,
selected: this.selectedI
浏览 2提问于2021-12-27得票数 1
1回答
我正在尝试创建一个组件，该组件具有在同一元素中打开模式的按钮。我需要将v-b-modal-modal-[[this.data.id]]属性设置为此模式： Vue.component('vue-tables-2-product', {
delimiters: ['[[', ']]'],
props: ['data', 'index', 'column'],
template: `<div>
<b-modal id="modal
浏览 28提问于2019-12-31得票数 0
2回答
我有一个Vue.js应用。
<template>
<div id="app">
<NavBar v-if="showNav" />
<b-container fluid class="content">
<router-view />
</b-container>
</div>
</template>
<style scoped>
.content {
padding: 0px;
ma
浏览 0提问于2021-04-19得票数 1
5回答
我正在开发一个Vue.js应用程序，很难将锚链接到组件中的某个div。
我有以下锚：
<a href="#porto" class="porto-button">Porto, Portugal</a>
和下列部门：
<div id="porto" class="fl-porto">
我在哈希模式下使用vue路由器。
问题是，每当我点击“porto-按钮”，它就会将我重定向到"home“页面(‘/’)。
我使用的是Vue.js 1.X，我尝试使用历史模式(没有hashbang的cannot
浏览 13提问于2017-03-07得票数 34
回答已采纳
假设一个人来自jQuery世界。如果有一个组件myPlugin (例如，在特定DOM元素上悬停时显示工具提示的组件jQuery插件)，它将启动如下所示：
$('.tooltipClass').myPlugin( { // options object here } )
此代码将选择具有类tooltipClass的所有元素，并将myPlugin应用于它们。
在Vue.js中，它是不同的，而且文档并没有真正清楚地说明这一点。我们有
let x = new Vue({
el: '#app',
...
})
然后我们读到(在中)：
为Vue实例提供要挂载的
浏览 4提问于2021-11-25得票数 0
如何在到达可用空间的末尾时使用jquery动态地增加tinyMCE的高度？
我想动态地增加到达显示空间底部的高度。
因为我不想滚动它来查看顶部的内容。
浏览 2提问于2014-05-08得票数 1
回答已采纳
我看过关于使用Vue.js验证组件增强Drupal元素的教程。输入标记如下所示：
但是如何将Vue.js自定义属性添加到这些输入字段？
浏览 0提问于2018-04-05得票数 1
我正在尝试从头开始创建我自己的input+dropdown控件(虽然与vue.js无关)。我想使用鼠标或键盘向下滚动项目列表。
为此，我使用具有固定高度和溢出的div -y，在该div中，对于每个项，我使用另一个div。在使用键盘滚动时，我会跟踪所选的项，并使用它来设置div的scrollTop位置，这样滚动条将与键盘输入一起移动，并且所选的项在div的中间保持可见。以下是小提琴中的示例
但是，我遇到的问题是，当列表中有很多项并且存在某种缩放时，设置.scrollTop属性。
setScrollPosition () {
if(+this.keyIndex >= 6){
浏览 5提问于2019-10-22得票数 0
回答已采纳
1回答
Laravel和Vue模板错误
、、、、
我第一次在Laravel5.3中使用vue，目前我可以在vue中使用Jquery请求来获取数据，但是我在显示它时遇到了一些困难。这是我目前的脚本:这是我的观点：
<li>
<!-- inner menu: contains the actual data -->
<ul class="menu" id="messagesArea">
<messages></messages>
</ul>
</li>
<!-- Further Do
浏览 0提问于2016-12-06得票数 0
回答已采纳
我想用鼠标点击移动图像。我已经设置了x和y鼠标运动，但我不知道如何将这些坐标绑定到图像。
有谁可以帮我？我正在使用VUE.JS
浏览 3提问于2018-08-29得票数 0
我想这可能是我偶然发现的窃听器，不确定。我收到了一个组件的Vue.js警告：
vue.js:2611 Vue警告:不能使用<template>作为组件根元素，因为它可能包含多个节点：
问题似乎是：
<template id="tpl-field">
<template v-if="fieldType==='checkbox-inline'">
<label class="checkbox-inline">[SNIP]</label>
浏览 5提问于2016-12-02得票数 6
回答已采纳
似乎我在vue中加载外部umd组件时遇到了问题。
我尝试做一些类似的事情，比如
这对使用vue2和webpack的我来说很有效
现在我使用的是Vue3/Vite和上面问题中相同的源码。
但是当解析外部组件promise时，我得到以下错误：
vue.js:1184 [Vue warn]: Unhandled error during execution of async component loader
at <AsyncComponentWrapper>
at <DemoComponent>
at <HelloWorld msg="He
浏览 5提问于2020-12-30得票数 2
I在Vue.js中有一个从索引0到49的项目列表，当把startIndex和endIndex的项增加到1时，显示了由startIndex和endIndex控制的一个子集，显示了1-49中的项目，从DOM中删除了0，刚刚删除了<code>H19</>的0的高度，以及如何获得当我编辑endIndex？<code>H 210</code><code>F 211</code>时添加的项的高度。
<script type="text/x-template" id="virtual-list"&
浏览 2提问于2020-02-07得票数 0
1回答
我在javascript上定义了一个小型vue.js组件。
是否只有在加载元素时才有优雅的方法来实例vue组件？
问题是，在其他不存在元素的html中，我会收到这些警告：
vue.js:485 [Vue warn]: Cannot find element: #item
因为它到处运行这个js
new Vue({
el: '#item',
});
它是如何在vue.js中处理的？
浏览 3提问于2017-10-02得票数 0
回答已采纳
我正在使用一个没有Vue.js包装器的库。库以动态的方式在DOM中追加元素。
我希望能够用Vue将v-model属性绑定到这些元素，并在我的模型中添加它们。
我过去曾在其他反应性框架(如Knockout.js )中这样做过，但我无法找到一种使用vue.js的方法。
这样做有报酬吗？这应该是我认为的几行之一：
var div = document.createElement('div');
div.setAttribute('v-model', '{{demo}}');
[VUE CALL] //tell vue.js I want to use
浏览 7提问于2020-01-21得票数 4
如果我以像素为单位设置div元素的高度，那么我的div元素将使用height属性，并且它工作得很好。但我想换一种方式。我知道，如果我想将div元素的高度设置为百分比值，那么我首先需要将body和html元素的高度设置为百分比值。我试过了但它不起作用。
body, html {
height:100%;
}
.navigation-area{
background-color:#DDD;
overflow:hidden;
position:fixed;
top:0;
left:0;
width:100%;
}
.navigation-a
浏览 41提问于2018-08-14得票数 0
假设我有这个：
<select class="form-control" name="gateway">
<option data-type="typeA" value="1">Test String</option>
<option data-type="typeB" value="2">Test String</option>
<option data-type="typeC" value="3
浏览 4提问于2017-02-25得票数 1
在我的Angular应用程序中，我使用的是Bootstrap，一些元素是由Bootstrap框架生成的。我注意到这些元素中的许多都有尺寸标注，这似乎会影响下面元素的行为(例如，当我将auto x auto设置为100%时，它不会像我预期的那样填充父元素的整个高度)。
那么什么是auto x auto，它是如何设置的，它对页面的其余部分到底有什么影响呢？
浏览 29提问于2020-02-21得票数 1
回答已采纳
我有一个flask变量，我试图在vu.js分隔符中将其用作ID：['['，']']。举个例子，我在<p>标签中定义的flask id包含“阿联酋”一词，所以我想从vue _ js中将字符串"hi“推送到由flask呈现的阿联酋id。我希望我的话听起来不会太混乱。
<i class="ui orange tiny label">
<p id="[[{{ i.App }}]]"></p> # This is flask rendered variable inside vue.j
浏览 25提问于2019-08-08得票数 0
2回答
我发现了一个很好的jquery插件，它可以按重量将图像自动缩放到容器上的浏览器屏幕上。但我也需要以身高来衡量。对于如何使用jquery或css实现这一点，有什么想法吗？谢谢。
例子(仅按重量衡量)
jsfiddle.net/nottrobin/9Pbdz/
浏览 4提问于2013-10-13得票数 0
回答已采纳
2回答
首先，我已经看到了一些与我即将提出的问题类似的问题，但它们都没有回答我的问题。
我有一个div标签，并已将高度增加到100%。但是，div标记的大小保持不变吗？
我的第一个问题是为什么？我的第二个问题是:如何让潜水标签响应我想要的大小？
浏览 1提问于2012-08-15得票数 2
回答已采纳
1回答
我有一些简单的标记..。
<div class="container">
<div id="conversation">...</div>
<div class="keyboard">...</div>
</div>
作为一个垂直的挠曲盒..。
.container {
margin: 1em 1em 0;
max-width: 30em;
margin-left: auto;
margin-right: auto;
浏览 5提问于2017-04-22得票数 1
回答已采纳
Element.scrollHeight和JQuery $(ElementSelector).height()方法返回的高度之间有什么区别？
我看过和，我知道scrollHeight是内容的高度，包括在视区之外溢出的内容。我的问题是，这与height()方法返回的高度不同。我写是作为对此的一个测试。
浏览 4提问于2016-12-08得票数 1
回答已采纳
我希望当页面变大的时候身体会扩展。我试着使身体的高度达到100%，html元素的高度达到100%，但它没有像预期的那样工作：
蓝色代表身体，红色代表html元素
我希望它的主体涵盖了整个html元素。这就是我在css中的代码：
html {
font-family: Palatino, 'Palatino Linotype', serif;
background-color: red;
height: 100%;
margin: 0;
padding: 0;
}
body {
background-color: blue;
height: 100%;
margin:
浏览 5提问于2020-05-25得票数 0
回答已采纳
我有一个包含大量<a>链接的导航：
<section class="nav">
<nav>
<a href="#" data-hover="BLA">BLA</a>
<a href="#" data-hover="BLA">BLA</a>
<a href="#" data-hover="BLA">BLA</a>
浏览 4提问于2014-01-20得票数 2
回答已采纳
我有：
<Grid item xs={12} md={6} className={classes.heroGrid}>
<Typography variant='h3' >
Some stuff
</Typography>
<div style={{ display: 'flex' }}>
here
</div>
</Grid>
heroGrid是：
浏览 23提问于2020-05-30得票数 0
回答已采纳
1回答
因此，我正在尝试创建一张卡片，如果它被选中，信息在右侧，紫色色调在左侧。我使用的是Next和TailwindCSS。
下面是呈现卡片的父组件：
{files ? (
<div className="ml-6 mt-8 absolute">
{files.map((value) => {
return <FileCard key={value.id} file={value} />
})}
</div>
) : (
<div>graphql not working :(</div&
浏览 3提问于2021-03-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
