跳至内容
大螃嗨
好记性不如烂笔头
用户工具
登录
站点工具
搜索
工具
显示页面
修订记录
反向链接
最近更改
媒体管理器
网站地图
登录
>
最近更改
媒体管理器
网站地图
您的足迹:
compositionstart和compositionend
本页面只读。您可以查看源文件,但不能更改它。如果您觉得这是系统错误,请联系管理员。
<code html> <template> <div id="app"> <input type="text" :value="filterText" @input="onInput" @compositionstart="onCompositionStart" @compositionend="onCompositionEnd" /> <ul> <li v-for="item in filteredList" :key="item"> {{ item }} </li> </ul> </div> </template> <script> export default { name: "app", data() { return { filterText: "", list: [ "The Wealth of Nations", "战争与和平", "海底两万里", "三国演义", "嫌疑人X的献身" ], lock: false }; }, computed: { filteredList() { if (!this.filterText) { return this.list; } return this.list.filter(item => item.indexOf(this.filterText) > -1); } }, methods: { onInput(e) { if (!this.lock) { this.filterText = e.target.value; } }, onCompositionStart() { this.lock = true; }, onCompositionEnd(e) { this.filterText = e.data; this.lock = false; } } }; </script> </code>
compositionstart和compositionend.txt
· 最后更改: 2020/05/21 11:11 由
螃蟹
页面工具
显示页面
修订记录
反向链接
回到顶部