建设官方网站的好处和坏处,网站建设教程纯正苏州久远网络,资阳市建设局网站,最安全的软件下载网站vue前端开发自学基础,动态切换组件的显示#xff01;这个是需要借助于#xff0c;一个官方提供的标签#xff0c;名字叫【Component】-[代码demo:component :isComponetShow/component]。
下面看看代码详情。
templateh3动态…vue前端开发自学基础,动态切换组件的显示这个是需要借助于一个官方提供的标签名字叫【Component】-[代码demo:component :isComponetShow/component]。
下面看看代码详情。
templateh3动态切换组件的显示/h3!-- ComA/ComA --component :isComponetShow/componentbutton clickchangeShow切换组件显示/button
/template
script
import ComA from ./components/ComA.vue;
import ComB from ./components/ComB.vue;export default{data(){return{ComponetShow:ComA}},components:{ComA,ComB},methods:{changeShow(){this.ComponetShow this.ComponetShow ComA ? ComB:ComA}}}
/script
以上是在app.vue里面写的一个按钮绑定点击事件切换组件A和组件B的显示。里面很明显是调用了一个官方提供的标签啊。它有一个属性叫【is】。这个可以绑定一个动态值。
然后用函数就可以随意的更改这个动态值。默认情况下我们给他赋值了。是组件A的调用。 如图点击切换组件显示按钮后从组件A变成了组件B。
