Ant Design Vue Input 输入框用法例子
查看教程
运行代码
PC模式
平板模式
手机模式
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Ant Design Vue Input 输入框用法例子</title> <script src="//www.itxst.com/package/ant-design-vue/moment.js"></script> <script src="//www.itxst.com/package/vue/vue.min.js"></script> <script src="//www.itxst.com/package/ant-design-vue/antd.js"></script> <link href="//www.itxst.com/package/ant-design-vue/antd.min.css" rel="stylesheet" /> <style> body { padding: 10px } </style> </head> <body> <div id="app"> <a-input placeholder="输入试试看" allow-clear v-model="inputValue" :style="style"></a-input> <div>{{inputValue}}</div> </div> <script> const { LocaleProvider, locales } = window.antd; var app = new Vue({ el: '#app', data() { return { inputValue: '', style:{width:"200px"} }; }, methods: { getValue() { alert("您刚才输入的是："+this.inputValue); }, }, }); </script> </body> </html>
