您现在的位置是:网站首页> 编程资料编程资料
vue的v-if里实现调用函数_vue.js_
2023-05-24
529人已围观
简介 vue的v-if里实现调用函数_vue.js_
vue v-if调用函数
methods属性这样配置
methods: { test: function() { var result = false; // ... return result; } }使用v-if时的注意点
1.v-if和v-else或v-else-if之间不能添加其他元素
以下是错误事例
错误示范哈哈哈嘿嘿嘿
以下是正确实例
正确示范嘿嘿嘿
哈哈哈
2.v-if 为同一类型组件
(或同一模板的dom树)来做显示和隐藏时,最好在最外层添加key属性来设定唯一标识,否则容易出问题
以上代码切换时,仅仅切换placeholder,而不会重新渲染,因为他用了相同的模板
若v-if切换的是逻辑复杂的控件时,切换时不重新渲染极易出问题
需要给要重新渲染的控件添加一个key属性,来唯一标识该控件,被key标识后会重新渲染。
实例如下:
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
相关内容
- 在Vue中如何实现打字机的效果_vue.js_
- 如何使用HBuilderX把vue项目打包成apk_vue.js_
- vue组件实现首次加载就触发watch_vue.js_
- node.js包管理工具Yarn使用简介_node.js_
- vue中使用go()和back()两种返回上一页的区别说明_vue.js_
- Vue的route-view子页面调用父页面的函数详解_vue.js_
- 如何修改vant的less样式变量_vue.js_
- vue3中的render函数里定义插槽和使用插槽_vue.js_
- vue axios中的get请求方式_vue.js_
- Vue3中的setup执行时机与注意点说明_vue.js_
