小编Han*_*mos的帖子

我正在使用 vuetify v-card，我需要应用省略号 css，以便它保持单行，并且...在超过时出现。

我使用了以下 css 属性：

.headerClass {
   white-space: nowrap !important;
   width: 95px;
   word-break: normal!important;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
}

这是我的v-card-title

<v-card-title class="body-2 pl-2 headerClass">{{data}}</v-card-title>

我什至应用了文本截断，但没有任何反应

我正在尝试设置元数据的相对路径，og:image如下所示：

<meta name="og:image" content="/images/view.png">

在共享调试器时，我收到以下警告：

推断属性 即使可以从其他标签推断出值，也应显式提供“og:image”属性。

有没有办法在Open Graph中使用相对路径？

我正在使用 nuxt 创建一个登陆页面，我使用哈希来指示页面上的每个路线，为此我使用scrollBehavior来处理路线上的哈希并滚动到平滑的部分：

  router: {
    scrollBehavior: async (to, from, savedPosition) => {
      console.log(to, from, savedPosition);
      if (savedPosition) {
        return savedPosition;
      }

      const findEl = async (hash, x) => {
        return (
          document.querySelector(hash) ||
          new Promise((resolve, reject) => {
            if (x > 50) {
              return resolve();
            }
            setTimeout(() => {
              resolve(findEl(hash, ++x || 1));
            }, 100);
          })
        );
      };

      console.log("to.hash", to.hash);
      if (to.hash) {
        let el = await findEl(to.hash);
        console.log("el", el);
        if ("scrollBehavior" in document.documentElement.style) {
          return window.scrollTo({ top: …

在将引导程序添加到我的铁路项目中时遇到问题。错误消息如下：

未找到或无法读取要导入的文件：bootstrap-sprockets。

我尝试了以下两种解决方案，但没有一个适合我。

解决方案 1：找不到文件“twitter/bootstrap”(ROR)

解决方案 2：Sprockets::FileNotFound 找不到类型为“text/css”的文件“bootstrap”

请看下面我的代码。我的input工作正常，但不是v-file-input：

<v-file-input
  accept=".json"
  ref="loadedFile"
  label="Upload file"
  @change="checkJSON"
  ></v-file-input>

<input
    type="file"
    accept=".json"
    @change="checkJSON"
    >



methods: {
  checkJSON: function(e) {
    console.log("JSON checking")
    console.log(JSON.stringify(e))
    console.log(e.target.files)
    return
  }
}

控制台显示 的文件input，但这是我收到的消息v-file-input：

[Vue warn]: Error in v-on handler: "TypeError: e.target is undefined"

这是正常的吗？我想使用 vuetify 组件，它更漂亮。提前致谢。

我已经制作了一个 Vue CLI 项目，然后开始制作我的项目。

我制作了以下名为 的组件Navigation.vue：

<template>
  <nav>
    <div class="nav_container">
      <a href="https://www.metrici.ro/" target="_blank" class="logo"></a>
      <ul>
        <li><router-link to="/home">Home</router-link></li>
        <li class="dropdown">
          <a class="touch"
            >Network Settings <i class="fas fa-angle-down"></i
            ><i class="fas fa-angle-up"></i
          ></a>
          <div class="dropdown-content">
            <router-link to="/dhcpIP">DHCP IP</router-link>
            <router-link to="/staticIP">Static IP</router-link>
          </div>
        </li>
        <!-- <li><router-link to="/files">Import/Export Files</router-link></li> -->
        <li><router-link to="/update">Update</router-link></li>
      </ul>
    </div>
  </nav>
</template>

<script>
export default {
    name: 'Navigation',
}
</script>
<style scoped>
/* Some style  */
</style>

然后我将它导入App.vue：

<template>
  <div id="app">
    <Navigation />
    <router-view />
  </div>
</template> …