Question

在下面的示例中，我尝试从模板中调用方法并传递一些参数。如何从方法本身访问这些args？

脚本片段

EnterAs

模板中的片段

using Atata;
using OpenQA.Selenium;

namespace Chat.UITests
{
    using _ = MainPage;

    public class MainPage : Page<_>
    {
        [FindFirst]
        public TextInput<_> Message { get; private set; }

        [FindByClass("send-button")]
        public Button<_> Send { get; private set; }

        public _ EnterAs(string name)
        {
            IAlert alert = Driver.SwitchTo().Alert();
            alert.SendKeys(name);
            alert.Accept();

            Driver.SwitchTo().DefaultContent();

            return Owner;
        }
    }
}

Answer 1

只要您的job对象具有name和id属性，那么是的，您只需在执行操作时就将其从模板传递到方法中即可。在该方法中，您可以像这样构造URL：

showBinaries(job, id) {
    const test_url = `${process.env.VUE_APP_TEST_APP}/api/v1/job=${job}&id=${id}`;
}

您无需在方法中使用this.id或this.name，因为这将引用在组件级别声明的变量，例如new_jobs。您有方法参数job和id，这些参数将具有从模板传递的值。

当前，您对方法中的test_url并没有执行任何操作，因此您需要在请求中使用它，或者将其设置为可以在方法之外访问的内容，但这应该可以您走在正确的轨道上。

Answer 2

您可以使用此：

methods: {
  showBinaries(job, id) {
    let test_url = process.env.VUE_APP_TEST_APP + `/api/v1/job=${job}&id=${id}`
  }
}

这些是相同的：

const id = 1

console.log('this is your id: ' + id)
console.log(`this is your id: ${id}`)

如何通过vue.js中的模板传递的方法访问args？

2 个答案: