将数据传递给指令?

2023-12-12

In the docs它指出您可以将各种参数传递给指令。

所以我想传入一个值:

v-my-directive="test"

但我收到错误:

Property or method "test" is not defined on the instance but referenced during render

如何将字符串传递给指令?


该值是一个常规 JavaScript 表达式。这样,如果你想传递一个字符串,比如'test', use:

v-my-directive="'test'"

Demo:

Vue.directive('my-directive', function (el, binding) {
  console.log('directive expression:', binding.value)  // => "test"
})

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message }}</p>
  <div v-my-directive="'test'"></div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将数据传递给指令? 的相关文章

随机推荐

  • Azure Functions 模型绑定

    我创建了一个 Azure 函数并在本地运行它 FunctionName HttpTriggerCSharpSet public static async Task
  • App Engine 开发服务器在更改时不会重新加载代码

    我正在开发一个将在 Google App Engine 上运行的 python 应用程序 我使用以下目录结构设置我的应用程序 approot app yaml index yaml myapp py controllers some con
  • Sympy 到 numpy 会导致 AttributeError: 'Symbol' object has no attribute 'cos'

    我正在尝试使用 sympy 进行偏导数 我想将其转换为函数 以便我可以替换值并估计 t 1 t 2 的某些值的导数 我使用的代码如下 import sympy as sp import numpy as np from sympy impo
  • 将外部文本从 .txt 加载到 html 文件

    我知道如何使用 txt 文件加载外部文本 div div 和 JavaScript text load pathtofile content txt element s id should be in string form 但这可以在两个
  • 微服务是设计模式还是架构? [关闭]

    Closed 这个问题是基于意见的 目前不接受答案 经过严格的研究和分析 我终于得出了一个让我困惑的问题 微服务是一种设计模式还是架构 有人说这是一种作为整体应用程序解决方案而演变的模式 因此也是设计模式 一些人毫无疑问地确认这是一个涉及其
  • 如何使用按钮在 div 中水平滚动动画

    我发现这段代码添加了在 div 中水平滚动的按钮 它是由 Vlad Danila 制作的 但问题是我无法为它的滚动设置动画 我尝试向容器添加过渡 但没有成功 const buttonRight document getElementById
  • 在Matlab中将十进制转换为二进制?

    我正在将以 10 为基数的数字转换为以 2 为基数的数字 并指定要用来表示这些以 10 为基数的数字的位数 这是我的负数代码 function output DTB decimal binary if decimal lt 0 smalle
  • 如何使用 Selenium - Python 选择下拉菜单选项值

    我需要从下面的下拉菜单中选择一个元素
  • Orion 的配置管理器与 PubSub Broker

    查看 FIWARE 目录 我看到 Orion Context 的两个条目 经纪人 一个名为 发布 订阅代理 还有另一个 为了 配置管理器 So 为什么有两个条目 它们对应的是同一个软件吗 我什么时候应该使用发布 订阅代理以及什么时候我应该使
  • Kafka 日志压缩始终显示同一键的最后两条记录

    发现这两个问题 here and here 但我还是不太明白 我仍然有 意外的 行为 我尝试使用此配置来记录紧凑的 kafka 主题 kafka topics sh bootstrap server localhost 9092 creat
  • Microsoft-Teams:由于“访问此应用程序时出现问题”错误,无法测试个人选项卡

    我使用清单编辑器创建了一个应用程序 在其中生成了 ID 并配置了个人选项卡以打开公共网站 https www ibm com in en 我已经下载了该应用程序的 zip 我已将应用程序上传到团队并且该应用程序显示在团队中 当我单击该应用程
  • 通过在java中删除透明像素将图像裁剪为最小尺寸

    我有一个精灵表 其中每个图像都位于 32x32 单元格的中心 实际图像不是 32x32 而是稍小一些 我想做的是获取一个单元格并裁剪透明像素 使图像尽可能小 我该如何在 Java JDK 6 中做到这一点 以下是我当前如何将图块表分解为单元
  • 在 UITableView 中显示建议位置

    基本上我想在我的应用程序中做的是UISearchBar当我写入时 它将反馈位置结果并将其填充到出现的 UITableView 中 我在这个网站上看到另外一个问题 UITableview 上的显示位置 但这确实对我没有帮助 没有任何答案对我有
  • python内置函数与魔术函数和重写[重复]

    这个问题在这里已经有答案了 可能的重复 元类上的拦截运算符查找 如何在新样式类中拦截对 python 神奇 方法的调用 考虑以下代码 class ClassA object def getattribute self item print
  • SEO 友好的 URL(带有 .htaccess)

    我想向我的网站添加友好的 URL 但我有一个问题 我从未使用过 htaccess My link https example com index php page users 我想要一个像这样的网址 https example com pa
  • 将 C .obj 文件链接到 Delphi 应用程序,解决标准 C 依赖关系

    我使用 BCC 5 5 命令行编译器编译了 libxml2 现在我有很多 obj 文件 我想将它们链接到我的 Delphi 应用程序中 不幸的是 我收到很多 不满意的前向或外部声明 错误 指向标准 C 库函数 如 memcpy open r
  • 使用 Phonegap,如何查看剩余的可用磁盘空间?

    我有一个 Phonegap 应用程序 它使用文件系统 API 将文件保存在设备文件系统上 启动时 应用程序需要一些文件系统空间window requestFileSystem但运行时可以下载其他文件 并且我无法预测所需的磁盘空间总量 其想法
  • 使用 Wifi 时可以查找当前位置,但使用 GPS 时会失败

    我开发了一个应用程序来使用 GPS 查找用户的位置 这并没有错误 它使用 Wifi 正确找到位置 但在 GPS 模式下它不返回任何值 我在清单中添加了所需的权限 并且 GPS 已打开 有人可以告诉我如何使用 GPS 获取位置吗 我在这里包含
  • 在windows项目中调用asp.net webmethod

    我怎么称呼这个WebMethod在 Windows 应用程序中的 ASP NET 中 我尝试过使用 Web 请求 post 方法 但它返回的是 ASP NET 页面的 XML 这是我的网络方法 WebMethod public static
  • 将数据传递给指令?

    In the docs它指出您可以将各种参数传递给指令 所以我想传入一个值 v my directive test 但我收到错误 Property or method test is not defined on the instance