小编Lux*_*ica的帖子

我正在使用Vue.js创建一个组件,并将其插入到DOM中而没有任何问题.一旦元素在DOM中,我想知道它的渲染高度 - 即,我想获得它的offsetHeight.我无法解决如何做到这一点 - 我必须遗漏一些非常明显的东西.这就是我尝试过的:

HTML:

<!-- vue instance -->
<div id="my-app">

    <my-component></my-component>

</div>

<!-- component template -->
<template id="my-component">
    <h1>Hello World</h1>
    <p>Lorem ipsum dolor sit amet.</h1>
    <pre>{{ myheight }}</pre>
</template>

Vue Javascript:

Vue.component('my-component',{
    template: '#my-component',
    computed: {
        myheight: function(){
            return this.offsetHeight;
        }
    }
});

Vue({ el: '#my-app' });

但它不起作用 - 'myheight'最终为空.我认为可能问题是它可能在插入到DOM之前尝试生成计算属性,因此我尝试使用计算属性而不是:

Vue.component('my-component',{
    template: '#my-component',
    data: function(){
        return {
            myheight: 999
        };
    },
    ready: function(){
        this.myheight = this.offsetHeight;
    }
});

同样,它不起作用 - 它什么都不输出 - 我在控制台中没有收到任何错误或警告.

于是,我想,也许this不是一个HTML元素,所以我搜索了Vue的文档,发现所有Vue的情况下应该有一个 …

我正在尝试使用 OpenSSL 生成证书签名请求。我注意到在通过提示时，OpenSSL 默认要求“organizationName”，然后要求“unstructuredName”。两者的提示都表明“公司名称”应该包含在其中。

问题是：为什么我们被问了两次？这两个条目有什么区别？

在我的设置中，我将代表其他公司颁发 CSR - 即，这些公司要求我为他们获取并安装证书。因此，我怀疑也许我应该将我自己的公司名称放在其中一个字段中，而将客户的公司名称放在另一个字段中。

任何人都可以澄清吗？

使用Vis.js创建网络图时，网络中的节点用标签绘制 - 对于我的用例 - 没有足够的“填充”，即节点标签文本和边界之间没有足够的空间节点。下图说明了它：

考虑到 Vis.js 中已有的大量配置选项，我认为增加标签填充会很简单，但对于我的生活，无法弄清楚如何去做。浏览了官方文档，并通过 StackOverflow 和 Google 搜索，但没有找到任何提示。感觉我错过了一些明显的东西 - 任何人都可以照亮吗？...

我有一个带有单个Foundation 6 Reveal模式的登陆页面.模态包含页面的联系表单.因此,该模式可以由出现在页面上不同位置的几个按钮触发.所有按钮都应打开相同的"联系表单"模式.

单击任何按钮确实打开模式没有问题.但是,当我们关闭模态时 - 通过单击模态内的"关闭"按钮,或者通过点击键盘上的"Esc" - 页面会自动滚动到页面上最后一个按钮的位置,该按钮是模态.似乎在'close'上模态强制视口滚动到DOM中的最后一个触发器!

显然,这是不受欢迎的行为 - 因为大多数时候访问者不会通过点击最后一个按钮打开模态...

CodePen说明了这个问题:https://codepen.io/icouto/pen/QgJzoJ

代码摘要:

<!-- first trigger button -->
<p><button id="btn1" class="button" data-open="exampleModal1">Click me for a modal</button></p>

<!-- lots of filler text to make the page long -->
<p>lorem ipsum dolor sit amet, etc. etc. etc. </p>

<!-- second trigger button -->
<p><button id="btn2" class="button" data-open="exampleModal1">Click me for a modal</button></p>

<!-- modal window -->
<div class="reveal" id="exampleModal1" data-reveal>
  <h1>Awesome. I Have It.</h1>
  <p …