小编Sat*_*hak的帖子

这就是我想要完成的：

{{ span('Hello') }}

所需的输出应该是：

<span>
   Hello
</span>

这可能吗？

谢谢

我的 App.vue 包含以下内容：

<template>
  <v-app>
    <core-toolbar />
    <core-drawer />
    <core-view />
  </v-app>
</template>

但我想隐藏<core-toolbar />并且<core-drawer />当它被路由到login页。我打算v-if用来隐藏它们。但是如何检查当前路线是否为login？

我正在尝试创建npm vue component library. 我一直在完成所有步骤，但一直停留在npm publish.

请参阅下面的错误屏幕截图，我尝试了一个多小时后无法在 google 上找到解决方案（错误消息不是那么准确恕我直言，或者我可能无法捕捉到它）。

以供参考 package.json

{
  "name": "@satyam/vue-components",
  "version": "0.1.0",
  "main": "./dist/satyam.common.js",
  "files": [
    "dist"
  ],
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "build-library": "vue-cli-service build --target lib --name satyam ./src/components/index.js",
    "test:unit": "vue-cli-service test:unit",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.4",
    "vue": "^2.6.11"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.3.0",
    "@vue/cli-plugin-eslint": "~4.3.0",
    "@vue/cli-plugin-unit-jest": "~4.3.0",
    "@vue/cli-service": "~4.3.0",
    "@vue/eslint-config-standard": "^5.1.2",
    "@vue/test-utils": "1.0.0-beta.31",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^4.2.1", …

我有一个内容丰富的页面,并且window可以滚动,其中有可滚动的div,我的目标是在最底部放置一个图标,div当有人滚动时它将是可见的,div并且在内容消失或window滚动后将不可见.但我没有得到如何实现我的目标.制作fixed它可以看到整个body滚动.

我想要将该元素固定在div的底部,如果body滚动条将不可见下面我给出一个例子:

div { height: 100px;
    border: 1px solid; 
    overflow:auto;
    position:relative;
    
    }
span {
  background : red;
  position : fixed;
  
}

<div>
    <p>I have something</p>
    <p>I have something shdbfs jsdfjhs d sdfhsjdgf  dsb usbsd shdshdhsdbs ds dvhsd sdshd vcsgdvshuc sd chjsdcsshdcbshudcuysdchusd cuyssdc shd cscyusdc gsdcsducsgcs uycsucs sdusdyu</p>
    <p>I have something shdbfs jsdfjhs d sdfhsjdgf  dsb usbsd shdshdhsdbs ds dvhsd sdshd vcsgdvshuc sd chjsdcsshdcbshudcuysdchusd cuyssdc …

我有一个带navigation栏的简单网页.当切换我的导航栏时,我希望页面中的其余区域覆盖实时Youtube(下面附有一个示例图像).但是在尝试100次后,结果附在下面(下面附有一个样本图像).问题是它不是overlaying已定义color属性的元素.

我的css代码实现叠加:

.overlay{
        width: 100%;
        position: fixed !fixed;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5) !important;
        z-index:0;
        cursor: pointer;
   }

问题：在上传大型图像文件我认识到，虽然在我的上载AWS server有1gb memory使用它的全部能力，它会高达932 mb使用导致崩溃的过程。我以 DataURI 的形式保存该图像，然后我在某处阅读以 的形式保存它blob可以解决我的问题。所以我想将该 blob 附加到 formData 并发送到服务器，这就是我提出这个问题的原因。但是，如果有关于相同问题的任何其他建议，以便在内存方面以更有效的方式保存图像，将不胜感激。

动机

我想将图像以blob.

我做了什么

我目前正在将dataURI其转换为blob. 此外，我将该 blob 附加到formData并尝试使用 ajax 将其发送到服务器端/php。

爪哇脚本：

function convertURIToImageData(dataURI) {
// convert base64/URLEncoded data component to raw binary data held in a string
  var byteString;
  if (dataURI.split(',')[0].indexOf('base64') >= 0)
    byteString = atob(dataURI.split(',')[1]);
  else
    byteString = unescape(dataURI.split(',')[1]);

// separate out the mime component
  var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];

// write the …

我已经上传了刀片文件，它位于

/public/storage/apps/{**我的文件**}

现在我想将它包含在我的主视图中。我使用了正常的语法来实现这一点。

@include('path')

但它在查找视图目录的路径时不起作用。我也试过'

@include(url('path'))

我比较新鲜，不知道如何解决根目录中的路径。

帮助将不胜感激。谢谢。

我想在模板的语句route's中使用当前名称。v-if我读到有一种复杂的第三方方式，但我想要更好的东西。

<template v-if="$this.routes.getName() == '/customers'">