开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >对Vue Select2包装器组件使用动态AJAX

问对Vue Select2包装器组件使用动态AJAX
EN

Stack Overflow用户

提问于 2017-09-26 03:24:05

回答 1查看 4.8K关注 0票数 1

我从包装组件示例文档中修改了VueJS，以包含AJAX数据源选项。这里是我的代码。

但是，我希望设置我的ajax url 属性的select2组件动态最好是这样，

<select2 :options="options" v-model="selected" url="dynamic-url-here">
  <option disabled value="0">Select one</option>
</select2>

我该怎么做？

边缘安全加速平台EO 1.8折起

边缘节点遍布全球，提供域名解析、动静态智能加速、TCP/UDP 四层加速、DDoS/CC/Web/Bot 防护、边缘函数计算等边缘一体化服务

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-09-29 15:30:12

将该属性添加到组件的props中： Vue.component(‘select2 2’，{ props：'options'，'value'，'url'，
将AJAX选项移动到select2组件之外的具有作用域的变量或该组件的数据元素： Vue.component(‘select2 2’，{ props：'options'，'value'，'url'，模板：‘#select2 2-模板’，data: function() { ajaxOptions：{ url: this.url，dataType：'json'，延迟: 250，标签: true，数据:函数(Params){返回{ term: params.term，// search页面: params.page }；}，processResults:函数(data，params) { params.page = params.page x= 1；返回{结果:数据，分页：{ more：(params.page * 30) < data.total_count } }；}，缓存: true }；}
初始化select2时使用该变量：挂载:函数(){ var vm =此$( this .$el) .select2({占位符：“单击查看选项”，ajax: this.ajaxOptions })
为url添加一个观察者：观察：{ url:函数(值){ this.ajaxOptions.url = this.url；$(this.$el).select2({ ajax: this.ajaxOptions})；}
设置属性：在应用程序的数据对象中定义了url。

请参阅这个柱塞例子中的演示。

票数 4

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46425172

复制

相关文章

MemLibrary 内存加载DLL DELPHI

一个简单的例子： type mbf = function(hWnd: HWND; lpText, lpCaption: PChar; uType: UINT): Integer; stdcall; procedure TForm1.Button1Click(Sender: TObject); var h: integer; mb: pointer; ms: TMemoryStream; begin ms := TMemoryStream.Create; ms.LoadFromF

obaby

2023/02/28

1.2K0

svn java https http 网络安全

前言： Indy在2006年已经开始移植到FPC下，但是由于各种原因一直更新得比较缓慢，现在官网上的最新版本发布时间是2007年底。随着Delphi2009（Tiburn）的发布，Indy团队已经将for FPC的版本合并到for Win32的版本中，Lazarus就此获得了最新Indy版本的支持。下面我们就将一步一步来探讨Indy在Lazarus0.9.26中的安装方法。　　要在Lazarus中安装最新的Indy，首先我们必须获取其最新的代码，由于现在Indy的代码使用SVN作为版本控制软件，所以我们必须先安装SVN客户端的软件。这里就根据Indy官网的推荐，选择使用TortoiseSVN作为SVN客户端。（下载地址：http://tortoisesvn.tigris.org/）。具体操作步骤：

全栈程序员站长

2022/09/20

5480

delphi XE5 调试DLL「建议收藏」

编程算法 java https 数据分析网络安全

1、设置HOST APPLICATION ：RUN—PARAMETERS—-HOST APPLICATION 选择EXE所在路径

全栈程序员站长

2022/09/09

7480

Delphi 判断exe, dll等应用程序[x86/x64]

function FileIS64( Filename:string ):Boolean; var tsl:TStringStream; rStr:AnsiString; begin Result := False; if not FileExists(Filename) then Exit; tsl := TStringStream.Create; try tsl.LoadFromFile(Filename); tsl.Position := 0;

Tuesday

2019/11/01

7310

Delphi 判断exe, dll等应用程序[x86/x64]

Delphi中DLL初始化和退出处理DLL_Process_Attach

<1>利用Unit的 Initalization与Finalization这两个小节　　可以在Unit的这两个小节中安排Unit的进入和退出，但是 Program 与 Library并没有这两个部分，所以只能写在Unit中。

战神伽罗

2019/07/24

1.7K0

博客目录及索引，欢迎指导交流

mongodb java 机器学习 apache

一转眼发现博客里积累了不少文章，特别是这两年开始发现写博客也是一种提升自己技术能力的方法。这就和写代码一样，因为会让大脑思考，时间长了就会留下记忆。所以很多的高手都是通过这样的不断的重复训练来的。也就是为什么一些快速成长的公司更容易产生大牛，因为如果初始的员工本身不够牛，业务很难大发展。底子在那里，加上各种实战自然就成长的快，时间长了不牛才怪。当然大牛的人还要会沉淀、思考、修正、分享，这或许是写博客的一个意义所在吧。 java开发相关 Tomcat shutdown执行后无法退出进程问题排查及解决记一次

用户1105954

2018/01/12

1.7K0

Delphi中使用RTTI

运行期类型信息(RTTI)是一种语言特征，能使应用程序在运行时得到关于对象的信息。

Vaccae

2019/07/24

1.9K0

技术笔记：Indy IdSMTP支持腾讯QQ邮箱邮件发送

1、腾讯QQ邮箱的授权码问题因为腾讯邮箱折腾了个底朝天，其要搞什么授权码登录第三方客户端，否则会报这个错误： 'Error: 请使用授权码登录。详情请看: http://service.mail.

用户1105954

2018/01/12

8610

哪些平台可以使用chatGPT？

chatgpt ip 插件教程

ChatGPT是一款由人工智能技术驱动的自然语言处理工具。它跟微软小冰、苹果siri不一样，它能够通过学习、并且理解人类的语言来进行对话，能真正像人类一样聊天交流，它还能完成撰写邮件、写脚本、写文案、翻译、检查程序代码等任务。那你知道国内哪些平台能用chatGPT？ChatGPT国内能用吗？接下来为大家解答。

用户10264843

2023/03/14

1.2K0

技术笔记：Indy控件发送邮件

工作中有个需求需要发送邮件，因为使用的delphi6，所以自然就选择了indy组件，想想这事挺简单的。实现的过程倒是简单，看着Indy的demo很快就完了，毕竟也不是很复杂的功能。功能要求： 1、压缩日志文件并作为邮件的附件 2、邮件正文带上一些客户端信息组件介绍 TIdSmtp：与服务器的连接及数据发送，基于smtp协议 TIdMessage：自然就是报文的信息了，包含收件人、发件人、主题、正文，以及附件。代码展示： function TfrmMailSend.SendMail: Boolean;

用户1105954

2018/01/12

1.5K0

C++ DLL 工程创建与使用

java c++api 编程算法

DLL，是 Dynamic Link Library的缩写，中文名动态链接库。DLL是一个包含可由多个程序，同时使用的代码和数据的库。本文简介DLL 概念，记录 DLL 工程创建与使用方法。简介动态链接库（ Dynamic-link library，缩写为 DLL）是微软公司在windows 系统中实现共享函数库概念的一种实现方式。所谓动态链接，就是把常用的公共函数封装到 DLL 文件中，当程序需要用到这些函数时，系统才会动态地将 DLL 加载到内存中使用。调用方式主要分为两种：

为为为什么

2023/01/30

2K0

C++ DLL 工程创建与使用

SSL VPN搭建与使用(OpenVpn)

私有网络 VPN 连接 DevOps 解决方案 linux bash

目前腾讯云支持的SSL VPN协议只有UDP，暂不支持TCP；按照如下步骤填写本端网段(要打通的VPC网段)和对端网段(客户端内网网段)，填写端口、认证算法、加密算法等信息：

RokasYang

2022/01/03

30.9K0

SSL VPN搭建与使用(OpenVpn)

使用哪些指令可以提高加工精度？

使用“G41\G42\G40刀尖圆弧半径补偿”功能。如图所示，实际加工中的车刀刀尖不是理想的尖锐刀尖，它总有个小圆弧，刀具磨损还会改变圆角半径。数控车削轮廓时实际起作用的切削刃是圆弧的各切点，编程时却是根据理论刀尖（假想刀尖）A轨迹计算、编程，因此会产生加工误差。

lrglu

2022/05/16

5400

使用哪些指令可以提高加工精度？

ExeInfo PE ver. 0.0.2.4 by A.S.L ( c ) 2006.03 – 2009.xx

___________________________________________________________________________

obaby

2023/02/28

8020

Delphi语言_DELPHI

编程算法 delphi sql

总结一下SQL语句中引号(‘)、quotedstr()、(”)、format()在SQL语句中的用法以及SQL语句中日期格式的表示(#)、(”) 在Delphi中进行字符变量连接相加时单引号用(”’),又引号用(””)表示首先定义变量 var AnInt:integer=123;//为了方便在此都给它们赋初值。虽然可能在引赋初值在某些情况下不对 AnIntStr:string=’456′; AStr:string=’abc’; AFieldName: string=’字符型编号’; ATableName: string=’YourTable’; ADate:Tdatetime=now; Adoquery1:tadoquery; 1，Delphi语句 adoquery1.sql.text:= ‘select 字符型编号 from YourTable where 字符型编号=’abc’ and 整型编号=123′; 等价于 adoquery1.sql.text:= ‘select ‘+AFieldName+’ from ‘+ATableName+’ where ‘+AFieldName +’=”’+AStr+”’ and 整型编号=’+AnIntStr; 也等价于 adoquery1.sql.text:= ‘select ‘+AFieldName+’ from ‘+ATableName+’ where ‘+AFieldName +’=’+QuotedStr(AStr)+’ and 整型编号=’+Inttostr(AnInt); 传到数据库服务器为： select 字符型编号 from YourTable where 字符型编号=’abc’ and 整型编号=123 2,Delphi语句中日期表示对于access数据库： adoquery1.sql.text:= ‘select 字符型编号 from YourTable where 日期型字段=#2003-12-01#’; 等价于： adoquery1.sql.text:= ‘select 字符型编号 from YourTable where 日期型字段=#’+FormatDateTime(‘yyyy-MM-dd’,now)+’#’; 传到服务器为： select 字符型编号 from YourTable where 日期型字段=#2003-12-01# 对于MSSQL数据库： adoquery1.sql.text:= ‘select 字符型编号 from YourTable where 日期型字段=’2003-12-01”; 等价于： adoquery1.sql.text:= ‘select 字符型编号 from YourTable where 日期型字段=”’+FormatDateTime(‘yyyy-MM-dd’,now)+””; 也等价于：等价于： adoquery1.sql.text:= ‘select 字符型编号 from YourTable where 日期型字段=’+QuotedStr(FormatDateTime(‘yyyy-MM-dd’,now)); 传到服务器为： select 字符型编号 from YourTable where 日期型字段=’2003-12-01′ 日期字段还可以这样表示 Delphi语句 adoquery1.sql.text:= ‘select 字符型编号 from YourTable where 日期型字段>=’+QuotedStr(FormatDateTime(‘yyyy-MM-dd’,now)) +’ and 日期型字段<=’+QuotedStr(FormatDateTime(‘yyyy-MM-dd’,now+1));//明天等价于 adoquery1.sql.text:= ‘select 字符型编号 from YourTable where 日期型字段 between ‘+QuotedStr(FormatDateTime(‘yyyy-MM-dd’,now)) +’ and ‘+QuotedStr(FormatDateTime(‘yyyy-MM-dd’,now+1)); 如果用 adoquery1.sql.add(); 形式又如何操作？请用Insert语句示例 adoquery1.sql.add(‘ insert into ‘+AtableName); adoquery1.sql.add(‘ ( ‘+AFieldName+’)’); a

全栈程序员站长

2022/11/02

1.6K0

Unity与 DLL文件 ☀️| 什么是DLL✨？

先来看一段话： DLL是Dynamic Link Library的缩写，意为动态链接库。 DLL文件一般被存放在C:WindowsSystem目录下。在Windows中，许多应用程序并不是一个完整的可执行文件，它们被分割成一些相对独立的动态链接库，即DLL文件，放置于系统中。　当我们执行某一个程序时，相应的DLL文件就会被调用。一个应用程序可有多个DLL文件，一个DLL文件也可能被几个应用程序所共用，这样的DLL文件被称为共享DLL文件。

呆呆敲代码的小Y

2021/09/06

2.8K0

Delphi异常机制与SEH

介绍SEH机制的文章很多，但基本都是C++的，关于Delphi的很少。最近项目需要，仔细阅读了VCL关于异常的处理，有些心得体会，希望和大家一起分享。

战神伽罗

2019/07/24

1.2K0

delphi 使用windowsmediaplayer播放视频

windows 数据结构编程算法

delphi7中原本自带的一个Tmediaplayer控件，但是发现有不少视频是无法播放的，于是就想到了用windowsmediaplayer来进行播放。

Vaccae

2019/07/25

3.1K0

delphi 使用windowsmediaplayer播放视频

查看MySQL端口_哪些端口可以使用

数据库云数据库 SQL Server sql grep java

–输入以下命令:SHOWVARIABLESWHEREVARIABLE_NAME=’port’就可以查看当前连接的端口号,–例如:mysql>SHOWVARIABLESWHEREVARIABLE_NAME=’port’;

全栈程序员站长

2022/09/27

11.8K0

查看MySQL端口_哪些端口可以使用

点击加载更多

相似问题

Delphi Indy SSL参数

11

使用SSL的Delphi和Indy

12

Delphi - SSL与Indy组件的TCP通信

25

Delphi与indy

10

使用Delphi 2006的Indy 10 :可行吗？顺便看看Indy 9应用程序？

13

活动推荐

体验智能媒资降冷，云点播优惠不要错过！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例