Vue Js模式打开，但被点击时不关闭

是指在Vue.js中实现一个模态框或弹出窗口，在点击模态框外部区域时不关闭模态框，只有在点击特定区域或按钮时才关闭模态框。

为了实现这个功能，可以使用Vue.js的事件绑定和条件渲染。

首先，在Vue组件中定义一个data属性，用于控制模态框的显示与隐藏状态：

data() {
  return {
    showModal: false
  };
}

然后，在模板中使用v-if或v-show指令根据showModal的值来决定是否显示模态框：

<div v-if="showModal" class="modal">
  <!-- 模态框内容 -->
</div>

接下来，需要在模板中添加一个点击事件，用于切换showModal的值：

<button @click="showModal = !showModal">打开模态框</button>

这样，每次点击按钮时，showModal的值会在true和false之间切换，从而控制模态框的显示与隐藏。

但是，为了实现点击模态框外部区域时不关闭模态框，可以通过事件冒泡和事件捕获来实现。在模板中添加一个点击事件，用于阻止事件冒泡：

<div v-if="showModal" class="modal" @click.stop>
  <!-- 模态框内容 -->
</div>

这样，当点击模态框时，事件不会继续向上冒泡，从而阻止了点击事件传递给外部元素。

综上所述，通过以上的Vue.js代码，可以实现Vue Js模式打开，但被点击时不关闭的效果。

关于Vue.js的更多信息和使用方法，可以参考腾讯云的相关产品和文档：

• Vue.js官方网站
• 腾讯云Serverless Framework
• 腾讯云云开发（Tencent CloudBase）
• 腾讯云云函数（SCF）
• 腾讯云云数据库MongoDB
• 腾讯云COS对象存储
• 腾讯云区块链服务
• 腾讯云人工智能
• 腾讯云物联网开发平台
• 腾讯云移动开发平台
• 腾讯云CDN加速
• 腾讯云SSL证书
• 腾讯云DDoS防护
• 腾讯云视频直播
• 腾讯云音视频处理
• 腾讯云元宇宙解决方案