小编Ato*_*abi的帖子

我正在使用 react-jss 组件。这是我的示例代码：

<ul>
  <li className={classNames(classes.listStyleNone)}>Item 1</li>
  <li className={classNames(classes.listStyleNone)}>Item 2</li>
  <li className={classNames(classes.listStyleNone)}>Item 3</li>
</ul>

我在 style.js 中的代码是：

const styles = theme => ({
    listStyleNone: {
        listStyle: 'none',
    },
})

有没有办法我只向 ul 元素添加一个类，并在 react-jss 组件中为它的子元素设置样式？像这样：

.listStyleNone > li {list-style: none;}

我在 vuejs 上有一个复选框。我在状态更改时调用函数，但单击事件在 v-model 更改之前触发。所以函数中v-model的值就是之前的值。如何让v-model改变后触发click事件？

var app = new Vue({
  el: '#app',
  data() {
    return {
      status: false
    }
  },
  methods: {
    checkBoxClicked() {
      console.log(this.status)
    }
  }
})

<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap@4.5.3/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.css" />

<script src="https://unpkg.com/vue@2.6.12/dist/vue.min.js"></script>
<script src="https://unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script>


<div id="app">
  <b-form-checkbox
      v-model="status"
      name="checkbox"
      @click.native="checkBoxClicked"
    >
      I accept the terms and use
   </b-form-checkbox>
</div>

我需要知道如何将类添加到 vue 中的“模板”标签。

<template 
  #popover
  class: templateClass // Is it possible to add a class in here?
>
  <router-link
    v-close-popover
    to="/somewhere"
  >
    Go to the page
  </router-link>
</template>