基于条件在vue中呈现组件
在Vue中呈现组件是通过条件渲染实现的。Vue提供了多种方式来根据条件动态地显示或隐藏组件。
- v-if指令：v-if指令根据条件的真假来决定是否渲染组件。例如，可以在模板中使用v-if来判断条件，如果条件为真，则渲染组件，否则不渲染。
<template>
<div>
<div v-if="condition">
<!-- 组件内容 -->
</div>
</div>
</template>- v-else指令：v-else指令用于在v-if指令的条件不满足时渲染另一个组件。v-else指令必须紧跟在v-if指令之后，并且不能有任何其他指令或元素。
<template>
<div>
<div v-if="condition">
<!-- 组件内容 -->
</div>
<div v-else>
<!-- 另一个组件内容 -->
</div>
</div>
</template>- v-show指令：v-show指令根据条件的真假来切换组件的显示和隐藏。与v-if不同的是，v-show只是通过CSS的display属性来控制组件的显示和隐藏，而不是真正地添加或删除DOM元素。
<template>
<div>
<div v-show="condition">
<!-- 组件内容 -->
</div>
</div>
</template>根据具体的业务需求和场景，选择合适的条件渲染方式来呈现组件。在使用Vue进行开发时，可以根据需要灵活地使用v-if、v-else和v-show指令来实现组件的条件渲染。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
相关·内容
在主路由组件中，我显示了基于.$ App.vue路径的组件。
模板
<topbar v-if="!isLoginPage" />
已计算
get isLoginPage() {
return this.$route.path === "/login";
}
我遇到的问题是App.vue组件总是以空值进行初始化
因此，在登录页面中，topbar组件被创建，并在一秒钟后，当路由器将其值更改为正确的路径"/login“时，它将被销毁。
当在"/login路由“上创建元件时，我将立即在v-if语句中获得正确的值，我如
浏览 3提问于2021-05-18得票数 0
嗨，我不知道通过更改特定组件的数据并自动加载vue，我尝试实现的目标是否可能。
下面的是我的期望(在jquery中尝试过)
var data = {country:{type:'dropdown',values:['india','usa']},money:{type:'input',placeholder:'enter amount'},india:['Bengaluru'],usa:['Silicon Valley']}
function getDropTemplate(
浏览 2提问于2021-07-10得票数 3
2回答
每次在Vue应用程序中使用不同的路由时，我都希望排除h1标记。
这是我的app.vue
<template>
<div id="app">
<img alt="Vue logo" src="./assets/logo.png">
<h1>LANDING PAGE</h1>
<router-view></router-view>
<!--Path for login.vue-->
浏览 0提问于2019-08-08得票数 1
回答已采纳
我需要一些关于组件间通信的Vue (第2版)基本逻辑概念的帮助，我似乎无法理解。
我有一个仪表板(Dashboard.vue)，从它打开一个弹出窗口：<FormXPopup v-show="isVisible">
在FormXPopup.vue中，我有一个带有内容槽的弹出组件<Popup>。
弹出窗口有一个关闭按钮，发出“关闭”，在Dashboard.vue中切换Dashboard.vue布尔值。
在弹出窗口的内容槽中，我放置了一个表单组件：<FormX>
FormX具有表单验证。还有一个“取消”按钮，它也会在Dashboard.vue中发出
浏览 5提问于2021-10-15得票数 2
回答已采纳
我有一个包含大量敲出代码的大页面，我想对其中的一小部分使用Vue.js组件。
我确实尝试在组件周围的标记上使用controlsDescendantBindings，它似乎在某种程度上起作用(我尝试执行<p data-bind=" text: name"></p>，但没有显示任何内容)，但Vue不起作用。
我认为问题的一部分是它在一个击倒with的上下文中。
我是Vue的新手，正在尝试慢慢地从knockout转换过来，所以如果有人能给我一些洞察力，我会非常感激。
(作为参考，我通过CDN使用Vue。)
浏览 0提问于2020-07-09得票数 0
2回答
我的问题是，当我试图在我的系统上使用VeeValidate验证我的字段时，我得到了这个错误。
Uncaught (in promise) Error: [vee-validate] Validating a non-existent field: "". Use "attach()" first.
at createError (vee-validate.esm.js?00d1:297)
at Validator._handleFieldNotFound (vee-validate.esm.js?00d1:2282)
at Validat
浏览 1提问于2019-01-27得票数 3
回答已采纳
我创建了一个视图组件来处理一些选择...我需要在一个单独的Rails视图上加载这个组件。 我用以下命令初始化我的组件： import Vue from 'vue'
import Product from '../components/product.vue'
import axios from 'axios';
Vue.prototype.$http = axios
document.addEventListener('DOMContentLoaded', () => {
document.body.appendC
浏览 7提问于2019-03-17得票数 0
在Vue.js中，我有一个var app = new Vue({...});，我有一个组件Vue.component('mycomponent', ...，通过在html中直接添加<mycomponent></mycomponent>，我可以在没有任何问题的情况下使用这个组件。我希望做的是按需动态添加这些组件，可能是在按钮单击之后，或者在发生其他类似事件时。在原始JS中，我会在事件触发时使用document.createElement...，然后执行el.appendChild..将其添加到html中。我如何对Vue.js做同样的事情呢？
我不会对节点j
浏览 4提问于2020-01-12得票数 4
回答已采纳
3回答
我一直在考虑将我的应用程序完全改为vue front，但有一些事情困扰着我，比如：
在laravel blade中，我现在正在使用(帖子页)：
@foreach($posts as $post)
<post data="{!! json_encode($post) !!}">
@if(auth()->user()->id === $post->user->id)
<edit-post></edit-post>
@endif
</post>
@endforeach
现在，如果我
浏览 0提问于2018-11-08得票数 1
我是Vue.js的新手。我正在做演示项目。在我的项目中，我有三个不同的导航栏。第一个用于HomePage，第二个用于登录/注册页面，第三个用于仪表板。在像React和Vue这样的框架中，我们为所有页面设置一个全局导航栏。如何有条件地呈现这三个导航栏组件？这方面的最佳实践是什么？我想设置vuex来解决这个问题，这是一个正确的方法吗？
浏览 91提问于2020-12-07得票数 0
回答已采纳
2回答
我正在用Vue.js在Rails 5中创建一个多步表单。我注意到，当v-if被重新评估时，输入字段中的文本将被清除。是否有办法通过表单步骤和其他v-if评估来持久化信息？
我的表格是这样的：
<fieldset class="listing-step" v-if="activeStep === 0">
<h2>Basics</h2>
<input type='button' value="Next" name='next' @click="activeSt
浏览 8提问于2017-09-11得票数 2
回答已采纳
1回答
我想添加一些在运行时(即在初始化Vue实例之后)对单击处理程序做出反应的元素。通过v-html添加到DOM最终可以工作，但新的v-on属性仍未处理，因此这些按钮不起作用。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title />
<script src="https://code.jquery.com/jquery-3.3.1.slim.j
浏览 1提问于2019-04-05得票数 1
我有一个叫做'my-table‘的组件，里面有一个v-data-table。我还有许多其他的组件，它们通过传入自己的头/数据来使用它来显示基本表。 我想更进一步，允许其他组件对单元格进行自定义。例如，可能有一个组件希望特定的列使用v图标而不是文本。也许一个完全不同的组件希望单元格在单击时是可编辑的，等等。 在vue中，最好的方法是什么？我真的需要将myTable代码复制/粘贴到其他组件中，然后在那里进行修改吗？Vue是否能够为该表注入具有特定规则的模板/组件，如果可以，是否有示例？看起来v-html不能处理所有必要的标签，并最终剥离了它们。有没有我没想到的更好的办法？
浏览 35提问于2019-03-05得票数 0
回答已采纳
2回答
在我的项目中，我必须使用数组来显示内容，然后单击update和数组的下一个条目。
当我的数组索引被更新时，我不知道如何使用vue.js转换标记来制作动画。我希望内容消失，然后随着新数据的变化，然后使之出现新的内容。可以用这个标签来做吗?还是我必须自己做一个函数？
这里是一个基本的例子。
<div @click="activeValue++">+1</div>
<transition mode="out-in" name="fade">
<div>{{myArray[activeValue]
浏览 5提问于2021-05-12得票数 0
回答已采纳
1回答
我有这样的设置：
App.vue
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
这是我的默认页面。我希望它加载两个不同的布局(管理和公共)。它工作得很好，但是公共布局有一个小问题。因为我很想在所有公共组件/页面中共享NAVBAR和页脚，但是我不想在所有组件中复制它们。
routes.js
import ...
export const routes = [
// public
{ path
浏览 2提问于2020-08-29得票数 0
1回答
Vue v-后端数据
、、、
我有一个应用程序，它使用laravel作为后端/api和vue组件在视图的前端，这是一个不错的组合海事组织。
我现在就是这么做的：
@if(count($latestPosts) > 0)
<div class="LAYOUTwrapper_section">
<layout-title-2 :title="'Últimas publicaciones'"></layout-title-2>
<post-list-1 :posts="{{ json_e
浏览 0提问于2019-05-21得票数 0
我刚接触not OOP，尤其是VUE.JS。
我有一个条件列表，根据它们我应该在页面上显示几种不同的组件。
例如，我如何呈现2个TextInput组件(或3.10)点击按钮后，在parent中动态读取输入的文本？
提前谢谢你。
浏览 6提问于2020-04-16得票数 1
1回答
问题: Vue Multiselect没有填充数据
基本解释:对于应用程序上的计划，我使用Vue Multiselect作为下拉列表。我能够将数据加载到data支柱测试中，在UI中的multiselect之下添加一个<p>{{plans}}</p>，并输出正确的数据，这是一个应该由multiselect读取的对象数组。
模板代码：
<multiselect v-model="plan" deselect-label="Can't remove this value" track-by="id" label=&
浏览 3提问于2020-12-13得票数 1
回答已采纳
如何将属性传递给vue路由器中的vuecomponent？ const routes = [
{
path: "/dashboard/profile",
name: "DashboardProfile",
component: <DashboardProfile foobar="false"/>, // <--- How can I achieve this?
},
];
浏览 8提问于2020-10-28得票数 1
我对VueJ比较陌生，我被困在一个项目上，我无法在网上找到解决方案。
我希望有一个变量逗号到所有页面(月份)，当这个变量发生变化时，我希望能够在我的页面上做一些事情。
我想做什么的例子(简化)
在App.vue中
<div id="app">
<div id="topBar">
<div id="nav">
<div><router-link to="/">Home</router-link></div>
浏览 3提问于2020-01-03得票数 0
回答已采纳
在Vue.js中创建幻灯片时出现以下错误：
[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next
at <Anonymous key=1 >
at <Anonymous pager="true" options= {initialSlide: 1, speed
浏览 15提问于2021-01-22得票数 7
回答已采纳
我将vue组件定义为Typescript类，如下所示：
import {Component} from 'vue-property-decorator'
import Vue from "vue";
@Component({})
export default class TestComponent extends Vue {
test:string;
}
并从我的入口文件中调用它，如下所示：
let test = new TestComponent({el:'#element'});
将其附加到以下HTML：
<section
浏览 37提问于2018-01-30得票数 1
我已经创建了一个由两个主要组件组成的小应用程序，并且我使用vue路由器在组件之间进行路由。
第一个组件叫做MoviesList，第二个叫做Movie。我已经在routes js文件中注册了它们。
const routes = [
{
path: '/',
name: 'Home',
component: MoviesList
},
{
path: '/:movieId',
name: 'Movie',
component: Movie
}
]
我的App.vu
浏览 7提问于2021-01-08得票数 5
我一直在玩Vue Js，希望在Eclipse的前端使用它来创建一个虚拟的Java应用程序。据我所知，Vue单个文件组件是使用某些构建引擎(如Webpack等)编译成单个JavaScript文件。我现在不想那么做。因此，我尝试创建模仿JavaScript文件的.vue文件。但出于某种原因，Vue指令被从生成的HTML中删除。下面是说明性代码：
/** vuetest.js
* Javascript file that emulates a .vue file, to facilitate easy prototyping within an
* Eclipse Dynamic Web Appli
浏览 0提问于2018-02-20得票数 0
回答已采纳
1回答
我一直在Vue论坛上搜索与递归组件相关的任何问题，当我最终尝试一些解决一个错误的方法时，它会导致另一个错误，下面是分解：
我有一个组件Contents.vue，其中包含Item.vue：
<template>
<div class="content__wrapper wrapper" :class="{'expanded-content': state.expansion}">
<p v-if="liked && items.length === 0" class="
浏览 0提问于2018-03-23得票数 3
拜托，我正在学习VueJS 3，我可能有初学者的问题。我在浏览器开发人员控制台中有这样的警告：
其信息是：
[Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
我将对象数组传递给子组件。在我的父views/Home.vue组件中，我有这样的实现：
<template>
<d
浏览 5提问于2021-08-16得票数 34
回答已采纳
1回答
我在文档中看到，您可以在您的VueComponent中拥有这样的动态组件：
<component :is="componentName" v-bind="componentProps" @custom-event="doSomething" />
我试图在动态呈现的组件(使用render()函数，而不是使用HTML )中包含这些动态组件之一。没有太多的希望，我试过这样做：
render(createElement: CreateElement) {
return createElement('component',
浏览 0提问于2020-08-28得票数 0
回答已采纳
这是我的vuex状态：
state: { id: null }
操作：
actions: {
async getId({ state }) {
const id = await api.getId()
commit('setId', id)
}
async getById({ state }) {
return await api.get(id: state.id)
}
}
在我的主mounted()文件中有一个App.vue：
// App.vue (parent)
async mounted() {
// set 'id
浏览 8提问于2022-02-08得票数 0
我是vue和quasar的新手。我的vue中有这段代码，但我不知道它是什么。
<router-view v-if="some_object" :abc="abc" :xyz="abc_xyz" :title="title" @updated="getABC" @refreshABC="getABC"/>
据我所知，路由器视图允许你动态插入其他vue的内容或类似的东西。
有人能解释一下吗？
浏览 0提问于2020-06-07得票数 0
1回答
我想将加载器添加到位于main.js中的app.vue中。当我将超时设置为类似于5ms时，error组件加载正常。然而，延迟似乎对加载组件没有任何影响，它根本不显示加载组件。 import { createApp, defineAsyncComponent } from 'vue';
import loadScreen from '@components/companyLoader.vue'
const App = defineAsyncComponent({
loader: () => import('./App.vue'),
浏览 51提问于2021-07-21得票数 1
1回答
覆盖全局Vue组件是否安全？
、、、、
假设有一个全局组件BIcon.vue随处可见。
还有另一个组件，但不是全局的，叫做BIconFake.vue。
我们可以这样通过BIcon.vue来覆盖BIconFake.vue：
<template>
<div>
<b-icon icon="plus"><!-- <- Here is it BIconFake component! -->
</div>
</template>
<script>
import BIcon from '~/components/BIc
浏览 1提问于2019-09-02得票数 0
回答已采纳
2回答
如果我在vue中有一个组件：
<template>
<component v-bind="dynamicAttrs"></component>
</template>
我想给它分配一些动态属性，其中v-demo是一个自定义指令：
data() {
return {
dynamicAttrs: {
'class': 'foo'
'v-demo': true
}
}
}
虽然我可以在dom中看到攻击，但是在这个场景中，自定义指令并不
浏览 2提问于2021-03-03得票数 1
回答已采纳
如何将useRoute用于<router-view />之外的组件，以获得当前路由？这个是可能的吗？
Breadcrumbs.vue
<script setup>
import {useRoute} from 'vue-router'
const route = useRoute()
console.log(route.name) // undefined
</script>
App.vue
<template>
<Breadcrumbs />
<router-view />
</templ
浏览 9提问于2022-07-07得票数 1
回答已采纳
我希望得到提振，因为我在这个问题上被困了很长一段时间。非常感谢你宝贵的时间。
目标:
我想解决一个问题。问题是控制台中的错误消息：
结果：
在我使用它的页面上，重定向将被完成，并将我重定向到我使用它的另一个页面，但我不再能够使用该工具。它不再提供给我任何东西，并且在控制台上面显示了这个错误。
但是，如果我刷新页面(硬重新加载)或单击另一个页面，然后单击“配置文件设置”页面，则可以正常工作。
用户流
当用户注册时，他/她将填写一个表单(在vue.js组件上)，作为“入职”流的一部分。在这个特定的表单上，用户被要求添加一个位置(通过v-自动完成)。为此，我使用了该组件的script部分下
浏览 2提问于2021-06-25得票数 2
1回答
不是真正的代码问题，更多的是讨论/思考-帖子。我想在Vue/Nuxt中建立一些轻型CMS，这将在最后输出一个静态网站。
因此，我考虑使用一个包含所有内容管理相关内容的Nuxt页面(不必是Nuxt页面)，并在nuxt-child组件中处理实际的网站，以保持代码的整洁。问题是，我不能访问内部的Nuxt页面，所以任何编辑都是不可能的(我想实现一些简单的内联编辑)。
对于可视化，的编辑器可能会有所帮助()。我想实现的是一个类似的版本。我想有从CMS分离的页面。CMS将是较低的底部栏，并为内联编辑提供类似编辑器的东西。
目前，我最好的解决方案是直接在页面中定义编辑，这是可行的，但需要为生产而剥离，并使未
浏览 0提问于2019-08-31得票数 0
在发出ajax请求之后，我正在尝试测试Vue应用程序的模板，该请求正在更改组件数据的一个变量。此变量(书籍)用于条件呈现库。
CONTEXT：我想创建一个图库，以显示我存储在后端的书籍。为此，我获取了有关安装组件的书籍。其结果在变量books中设置。我试图测试的是，在ajax调用之后，组件用书籍呈现库
PROBLEM：在设置图书变量时，应该呈现div <div v-else-if='books.length > 0'>SHOW GALLERY</div>，但是仍然呈现“<div v-else class='loader'>
浏览 0提问于2018-12-14得票数 18
1回答
我是vue.js的新手，制作了这个链接到Login组件的Landing组件。我想要获得的是，当用户点击登录，登录页面显示。
<template>
<div>
<div class="landing">
<router-link to="/login">Login</router-link>
</div>
</div>
</div&g
浏览 5提问于2018-09-05得票数 4
回答已采纳
我正在为我的应用程序使用vuejs，如下所示
app.vue
<template>
<div>
<custom-elem v-if="somefalseCondition"> </custom-elem>
</div>
</template>
CustomElem.vue
<template>
some code
</template>
<script>
export default {
mounted(){
console.log('demo&#
浏览 2提问于2019-01-30得票数 3
1回答
嗨，我是vue的新手，我试着理解它的单向数据绑定、模型组件注册和传递道具。
在我的index.js中，我有我的父组件，我现在想在其中呈现一个子组件
import Vue from 'vue'
import StyledTitle from './components/StyledTitle'
new Vue({
el: '#app',
components: {
StyledTitle,
},
})
子组件是StyledTitle.js
import Vue from 'vue'
import styled
浏览 3提问于2019-12-01得票数 0
回答已采纳
我是新来的，希望一切都好。 我正在使用ajax构建一个搜索过滤器，使用适当的控制器来过滤我的数据并将结果发送到ajax。此时，我想“附加”我的vue组件并绑定数据结果。 在谷歌上搜索这是“错误的”方式，因为js和vue.js使用不同的方法来呈现DOM。(对吗？) 我发现正确的方法是(以某种方式)将结果数据从ajax发送到我的vue组件。在laravel中，我该怎么做？ app.js： Vue.component('template', require('./components/template.vue').default;
const app = new
浏览 13提问于2019-09-04得票数 2
回答已采纳
1回答
我有一个包含一些嵌套组件的vue项目。现在，我有一个主要的‘应用-家庭’组件与其他组件导入到它。然而，主要的应用程序组件显示了两个版本的“app -home”。在主组件中没有重复其他嵌套组件。
这是一个非常基本的项目，因为我现在只是建立结构。我不会重复应用组件中的标签。
app.vue：
<template>
<div id="app">
<app-home></app-home>
<router-view/>
</div>
</template>
<script
浏览 0提问于2019-04-11得票数 0
回答已采纳
1回答
我使用vue-cli@4创建了一个项目，它运行得很好，但是我在main.js中做了一些更改，它已经不再工作了。
//main.js
import Vue from "vue";
import App from './App.vue'
//Vue.config.productionTip = false;
new Vue({
el: "#root-app",
//commented components property when using render and mount
components: {
App
},
浏览 2提问于2019-11-10得票数 2
2回答
我需要用AJAX调用的结果初始化Vue组件的数据。我尝试了以下几种方法：
data: function () {
return {
supplierCount: 0
}
},
created: function () {
axios.get("/supplier/list").then(response => {
this.supplierCount = response.data.length;
});
}
但是，这种方法不起作用，因为模板可以在AJAX处理程序更新supplierCount之前访问数据。
用异步调用的结果初始化
浏览 1提问于2019-11-06得票数 2
我在动态路由SingleProductView.vue中获取数据：
{
path: "/products/:id",
component: () => import("../views/ProductSingleView.vue"),
},
之后，我将从模板文件中的strapi获取数据：
<script setup>
import { onMounted, ref, defineAsyncComponent } from "vue";
import { useRoute } from "vue-router
浏览 6提问于2022-11-10得票数 0
2回答
我使用vue vue类组件，它工作得很好：
import vuetify from '@/plugins/vuetify'
@Component({
components: {
vue2Dropzone
},
vuetify
})
但是，当我试图为生产添加新的组件时：
import store from '../store/Index'
let storeTmp = process.env.NODE_ENV === 'production' ? store : null
@Component({
c
浏览 3提问于2021-08-27得票数 2
1回答
当客户端在Vue js中增加或减少库存时，如何使组件之间得到总购物车的结果？
在这个例子中，我有三个组件
一个是header/navbar.vue，它有图标cart /I正在使用模式。
添加到购物车的shop.vue，
而detail.vue也加入了购物车
我已经能够在shop.vue中添加购物车并将其添加到数据库中，但是我不知道如何在客户端增加库存时与它们通信，而且当客户多次添加到购物车时，我制作的项目是一个地添加cart item1，然后它显示在一个股票购物车篮上，项目一个显示，客户端用股票添加到购物车中，它也将添加到cart basken中，它也不会使项目成为item
浏览 2提问于2019-04-21得票数 0
3回答
我使用render方法创建了以下功能组件：
import Vue from "vue"
const { render, staticRenderFns } = Vue.compile(`<div>Hello World</div>`)
Vue.component("HelloWorld", {
functional: true,
render,
staticRenderFns
})
然后在App.vue
<template>
<div id="app">
浏览 4提问于2019-11-14得票数 1
1回答
我试图从一个呈现函数中呈现一个File组件，但是它没有被创建。我尝试了类似于：
// simple.vue
<template>
...
</template>
<script>
...
</script>
// parent.vue
<script>
import Simple from
export default {
name: "parentComponent",
render: function (h) {
return h(
"div",
nul
浏览 4提问于2017-11-21得票数 8
我有一个服务器端呈现带有"orders“的页面，并将根Vue对象实例化为”父对象“。是否可以将呈现的html命令作为子级启动到该父Vue对象？
在动态添加内容时，Vue js似乎工作得最好，但在本例中，我希望能够通过预先存在的标记将子元素添加到父标记中。有可能吗？我试图找到解决办法，但我无法使它发挥作用。基本上，我在这个网站上有几个div，像这样
<div id="order-1">some content</div><div id="order-2">some other content</div>
我想
浏览 0提问于2016-03-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
