这篇文章主要介绍“vue在标签中怎么使用自定义属性并获取”，在日常操作中，相信很多人在vue在标签中怎么使用自定义属性并获取问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”vue在标签中怎么使用自定义属性并获取”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！我们在vue中有时候为给标签加一些特有的属性， 当我们在标签上触发了事件之后， 就可以在 event 对象上面获取上面的 @click 的函数中， 如果要传入事件参数， 必须使用 $event ，这是固写的，不能变当我们触发了这个事件， 要在事件中得到 data-mytype的自定义属性， 有两种方法网上有很多使用 event.srcElement 这个的已经过时了， 并且得不到想要的值， 上面两种方式就可以解决两种方法的区别在于， 方法二更为通用一些，只要是标签上的属性， 不管是不是以“data-” 开头的都可以获取到， 而方法一， 只有在属性是以 “data-” 开头的才可以接收到v-on、v-bind、v-once等都是Vue内置指令，拿来就能用。但他们的功能有时不能满足我们。这时我们就需要自定义一个指令，就像自定义一个函数一样，完成我们想要做的事情。模拟两个需求，通过案例，对自定义指令的语法进行了解需求1：定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍。需求2：定义一个v-fbind指令，和v-bind功能类似，但可以让其所绑定的input元素默认获取焦点。自定义指令的语法，也和内置指令一样, v-xxx = “a”或 v-xxx:a, xxx为自定义指令的名字，a为绑定的属性.当自定义指令创建完，我们看一下Vue实例里的语法该怎么写自定义指令被当作配置对象写入directives对象中，其执行的方式写成回调函数。可以见得，配置对象中与有两个传参，element与binding，他们分别代表着，其所绑定的标签，与其绑定的属性。配置对象中，有三个固定函数，它们分别是bind、inserted、update正如注释所写，bind是当指令与元素成功绑定，也就是也面被解构后，就会执行。inserted是当所绑定元素在页面存在时，执行update是当模板被重新解构时，执行如果想全局配置一个自定义指令，多个Vue实例都能调用，其写法与过滤器的全局配置类似语法：Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)文章到这里就结束了最后，放上全部笔记到此，关于“vue在标签中怎么使用自定义属性并获取”的学习就结束了，希望能够解决大家的疑惑。理论与免费云主机域名实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注百云主机网站，小编会继续努力为大家带来更多实用的文章！
这篇文章主要介绍了SpringMVC怎么映射请求数据的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇SpringMVC怎么映射请求数据文章都会有所收获，下面我们一起来看看吧。开发中，如何获取到 http://xxx/url?参数名=…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
