Aurelia，在route-href之前调用click函数
Aurelia是一种现代化的JavaScript前端框架，用于构建单页应用程序（SPA）。它采用了MVVM（Model-View-ViewModel）架构模式，提供了一套强大的工具和功能，使开发人员能够轻松地构建可扩展、可维护和高性能的Web应用程序。
在Aurelia中，route-href是一个内置的指令，用于在视图中生成路由链接。当用户点击这个链接时，Aurelia会自动导航到指定的路由。
如果想在route-href之前调用click函数，可以通过以下步骤实现：
- 在视图中，使用route-href指令创建一个路由链接，指定目标路由和参数（如果有）。
- 在视图中，使用route-href指令创建一个路由链接，指定目标路由和参数（如果有）。
- 在视图对应的ViewModel中，定义myClickFunction函数，并在其中执行所需的操作。
- 在视图对应的ViewModel中，定义myClickFunction函数，并在其中执行所需的操作。
通过以上步骤，当用户点击链接时，Aurelia会首先调用myClickFunction函数，然后再导航到指定的路由。这样可以在导航之前执行一些自定义的逻辑或操作。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 云游戏解决方案（GPM）：https://cloud.tencent.com/product/gpm
- 腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/metaverse
相关·内容
我有一个函数setStatus()，希望在路由到另一个页面之前被调用。test1.js this.statusId = 1}<template>
<a route-href="route:test2" click.delegate="setStatus()"> <!test1中的setStatus(
浏览 15提问于2017-08-08得票数 1
回答已采纳
我正在尝试使用子路由器的视图中的route-href属性。<a route-href="route: '', params: { id: course.id }" click.delegate="$parent.select(course.id)">
当我使用它时浏览一下代码，我看到RouteHref调用router.generate来创建路由。router.generate应该递归地遍历路由器层次结构，所以这应该不是问题。但是，我不确定哪个路由器正在
浏览 0提问于2015-05-11得票数 9
回答已采纳
然后什么也不会发生；如果我还加上：<div class="button" click.trigger="goInfo(不知怎么的，
浏览 1提问于2016-12-16得票数 2
回答已采纳
我需要一些关于jQuery DataTables与Aurelia一起使用的建议。基本上我遇到了两个问题。
在repeat.for绑定循环完成后，我无法确定初始化它的最佳方法。显然，即使在触发attached()生命周期之后，该循环仍然工作。如果我使用$(myRef).DataTables(data: myArray)方法填充表，并将链接(<a href-route=... click.delegate=...>)插入到该表中，Aurelia问题1:，这里是我使用Aurelia</e
浏览 3提问于2017-01-17得票数 0
回答已采纳
本质上，在创建嵌套参数化路由时，深度链接仍然会解析到正确的位置，但是动态创建的元素不会被正确的链接初始化。只有在路由之间导航，才能正确地初始化动态创建的链接(route-href绑定)。更新:下面是解释这个问题的另一个尝试：configureRouter(config: RouterConfiguration, router: Router){
config.title = &
浏览 1提问于2016-11-03得票数 2
理想情况下，每个功能都可以设置自己的路由，Aurelia的子路由器功能似乎非常适合，但我在让它工作时遇到了麻烦。我有app.ts configureRoutertitle: 'Lectures' ]);}import { Router, RouterConf
浏览 0提问于2017-06-20得票数 0
我们将所有的页面内容和博客文章等存储在WordPress中，使用它的API在我们的Aurelia应用程序中呈现数据。这是很好的工作；作者现在希望能够链接到弹出窗口，或者在他们的博客文章中使用route-href或其他自定义的Aurelia属性，但是使用innerhtml.bind添加到页面中的代码不
浏览 5提问于2017-11-27得票数 2
在我们的项目中，我们有一堆这样的自定义元素：基本上，它只是呈现一个指向编辑实体屏幕的链接 <a class="entity-link" >${entity.name}</a>
</tem
浏览 0提问于2016-11-09得票数 3
我在控制台中得到一个错误：“错误:路由未找到: /name" configureRouter(config, router) { // config.title = 'Aurelia';
{ , name: 'home'<ul class="right
浏览 1提问于2018-06-17得票数 0
1回答
它在升级aurelia框架之前就已经开始工作了。
现在我明白了这个错误。我不知道为什么。ButtonHtml.js:51 TypeError: this.click不是ButtonHtml.buttonClick (ButtonHtml.js:47) at CallScope.evaluateaurelia-binding.js:5128)的函数。“aurelia-模板-路由器”："1.2.0"，“aurelia-验证”："1.1.2&qu
浏览 2提问于2017-10-11得票数 1
回答已采纳
在我可以订阅的中触发事件。我的代码订阅了router:navigation:processing事件，这样每当用户单击路由时，导航菜单就会关闭。eventAggregator.subscribe('router:navigation:processing', e => menu.close());<a route-href="route:showcase" class="menu-item&
浏览 0提问于2018-09-19得票数 1
回答已采纳
下面是我希望禁用的按钮的HTML片段，但是没有从UI文件列表中选择任何文件：是否禁用按钮的条件函数：selectedF
浏览 3提问于2017-11-13得票数 0
我想用Aurelia构建一个简单的自定义组件，允许用户输入一个或多个字符串。当有多个项目时，列表应该显示列表中每个项目的“删除”按钮。> <input type="text" value.bind="items[$index]"> if.bind=&quo
浏览 5提问于2017-03-06得票数 5
回答已采纳
Services'} this.router.refreshNavigation();}import {Router} from 'aurelia-router';
export class Jobs-- a bunch of html //-->
Q.4：同样，我希望路由到相对
浏览 2提问于2016-02-06得票数 9
回答已采纳
1回答
:1971 callSource @ aurelia-binding.js:4989 handleDelegatedEvent @ aurelia-binding.js:3211
但是，外部按钮#btn3运行良好="save()">Save (=>error<=)</button
浏览 1提问于2016-06-03得票数 4
回答已采纳
使用Aurelia，比如我有一个自定义元素<panel>和一个视图/视图模型的InfoPanel。<panel>有一个关闭按钮，它应该对InfoPanel执行一些操作，例如调用close()函数。Panel.html <h1>${headerText}</h1>
<button click.delegate="close()">x</button>poi
浏览 3提问于2016-02-27得票数 1
回答已采纳
我想在Aurelia应用程序之外访问Aurelia函数。就像在运行我的应用程序时，如果我通过浏览器控制台调用一个方法"GetNotification(string Message)“，那么它就应该被调用。原因是我的Aurelia应用程序将在.Net应用程序浏览器中运行。所以我想在我的本机应用程序(.Net)和Aurelia应用程序之间进行通信。与在.Net浏览器控件中一样，我们可以调用任何Javascript函数</
浏览 16提问于2019-11-22得票数 1
回答已采纳
这使用Aurelia DOM ()功能来生成原始的HTML元素并将其添加到视图中。deleteButton.setAttribute("onclick", "cancelCreditNote(`${ row.creditNoteId }`)");
单击生成的按钮不会调用视图模型，该视图模型有一个cancelCreditNote函数。像deleteButton.setAttribute(&qu
浏览 3提问于2016-05-26得票数 2
回答已采纳
桥调用jquery元素上的函数，以启用物化下拉小部件。同时，物化调用相同的方法，以便在文档$('.dropdown-button').dropdown();中的所有下拉列表中启用小部件
当我将和用aurelia-bundler压缩代码时，问题就出现了。
浏览 5提问于2016-09-09得票数 2
回答已采纳
它一直有效，直到您清除typeahead字段，然后我在函数suburbSelected(item) (如下所示)中得到一个错误，因为在typeahead调用此函数之前，promise尚未被解析。下面是该函数： console.log("BEFORE ASSIGNMENT OF SUBURB NAME: ", item, item.postcodeitem.postcode;
} e
浏览 1提问于2018-02-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
