課程
/前端開發
/JavaScript
/Avalon探索之旅基礎教程---- 簡單綁定
為什么寫出來一直報錯Uncaught TypeError: Cannot set property 'limit' of undefined
2016-01-12
源自:Avalon探索之旅基礎教程---- 簡單綁定 14-1
正在回答
把攔截器寫在vm前面就可以了
chen87870098
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <title>TODO supply a title</title>
? ? ? ? <meta charset="UTF-8">
? ? ? ? <meta name="viewport" content="width=device-width">
? ? ? ? <script src="avalon.js"></script>
? ? ? ? <script>
? ? ? ? ? ? var vm = avalon.define({
? ? ? ? ? ? ? ? $id: "test",
? ? ? ? ? ? ? ? aaa: "111"
? ? ? ? ? ? })
? ? ? ? ? ? //添加一個攔截器
? ? ? ? ? ? avalon.duplexHooks.limit = {
? ? ? ? ? ? ? ? get: function(str, data) {
? ? ? ? ? ? ? ? ? ? var limit = parseFloat(data.element.getAttribute("data-duplex-limit"));
? ? ? ? ? ? ? ? ? ? if (str.length > limit) {
? ? ? ? ? ? ? ? ? ? ? ? return data.element.value = str.slice(0, limit);
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? return str;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? </script>
? ? </head>
? ? <body>
? ? ? ? <div ms-controller="test">
? ? ? ? ? ? <input ms-duplex-limit="aaa" data-duplex-limit="8"/> {{aaa}}
? ? ? ? </div>
? ? </body>
</html>
舉報
前端迷你MVVM框架avalon的入門視頻教程,趕快加入吧
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-03
把攔截器寫在vm前面就可以了
2016-02-16
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <title>TODO supply a title</title>
? ? ? ? <meta charset="UTF-8">
? ? ? ? <meta name="viewport" content="width=device-width">
? ? ? ? <script src="avalon.js"></script>
? ? ? ? <script>
? ? ? ? ? ? var vm = avalon.define({
? ? ? ? ? ? ? ? $id: "test",
? ? ? ? ? ? ? ? aaa: "111"
? ? ? ? ? ? })
? ? ? ? ? ? //添加一個攔截器
? ? ? ? ? ? avalon.duplexHooks.limit = {
? ? ? ? ? ? ? ? get: function(str, data) {
? ? ? ? ? ? ? ? ? ? var limit = parseFloat(data.element.getAttribute("data-duplex-limit"));
? ? ? ? ? ? ? ? ? ? if (str.length > limit) {
? ? ? ? ? ? ? ? ? ? ? ? return data.element.value = str.slice(0, limit);
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? return str;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? </script>
? ? </head>
? ? <body>
? ? ? ? <div ms-controller="test">
? ? ? ? ? ? <input ms-duplex-limit="aaa" data-duplex-limit="8"/> {{aaa}}
? ? ? ? </div>
? ? </body>
</html>