vue改变权限刷新没效果？

一、vue改变权限刷新没效果？

可能是因为浏览器缓存了样式文件导致。 可以在css文件引用的末尾随便加个请求参数，如：main.css?v=201804091834，浏览器就以为是个新文件，然后从服务器重新下载该文件。

二、vue改变dom元素的顺序？

在Vue中改变DOM元素的顺序可以通过以下几种方式实现：

1. 使用v-for指令和数组的排序方法：可以通过v-for指令循环渲染DOM元素，并使用数组的排序方法来改变元素的顺序。在Vue中，当数组发生变化时，DOM元素会自动重新排序。例如：

```html

<template>

  <div>

    <div v-for="item in sortedItems" :key="item.id">{{ item.name }}</div>

  </div>

</template>

<script>

export default {

  data() {

    return {

      items: [

        { id: 1, name: 'Item 1' },

        { id: 2, name: 'Item 2' },

        { id: 3, name: 'Item 3' }

      ]

    };

  },

  computed: {

    sortedItems() {

      return this.items.sort((a, b) => a.id - b.id);

    }

  }

};

</script>

```

在上述例子中，通过对`items`数组进行排序，可以改变DOM元素的顺序。

2. 使用Vue的过渡动画：Vue提供了过渡动画的功能，可以通过过渡动画改变DOM元素的顺序。可以使用`<transition-group>`组件来包裹需要排序的元素，并使用CSS过渡效果来实现动画效果。例如：

```html

<template>

  <div>

    <transition-group name="list" tag="div">

      <div v-for="item in items" :key="item.id">{{ item.name }}</div>

    </transition-group>

  </div>

</template>

<script>

export default {

  data() {

    return {

      items: [

        { id: 1, name: 'Item 1' },

        { id: 2, name: 'Item 2' },

        { id: 3, name: 'Item 3' }

      ]

    };

  }

};

</script>

<style>

.list-enter-active, .list-leave-active {

  transition: all 0.5s;

}

.list-enter, .list-leave-to {

  opacity: 0;

  transform: translateY(30px);

}

</style>

```

在上述例子中，当`items`数组发生变化时，使用过渡动画来改变DOM元素的顺序。

这些方法可以根据具体的需求选择使用，根据情况选择最适合的方式来改变DOM元素的顺序。

三、vue怎么连接mysql数据库？

    Vue.js连接mysql数据库的步骤如下： 

    1. 安装Node.js和NPM（如果尚未安装）。

    2. 使用npm安装mysql模块：npm install mysql 

    3. 创建一个mysql连接对象，用来连接mysql数据库： let connection = mysql.createConnection({ host: 'localhost', user: 'yourUsername', password: 'yourPassword', database: 'databaseName' }); 

    4. 使用该连接对象执行SQL查询： connection.query('SELECT * FROM tableName', (error, results) => { if (error) throw error; console.log(results); }); 

    5.最后，关闭mysql连接： connection.end();

四、vue怎么引入数据库接口？

vue连接数据库接口的方法：1、建立php站点；2、创建数据库；3、php连接数据库；4、创建vue站点；5、创建组件，连接数据库；6、加载组件；7、在app.vue中引入组件。

譬如，最简单的一种方法

安装axios,npm install --save axios

在main.js中引入

import axios from '.axios'

Vue.prototype.$axios=axios 。

五、vue 对象属性改变怎么更新数据？

Vue.js 自动响应数据变化，因此只需要更改 Vue 对象的属性，就能够触发数据更新。

要更改属性，可以使用 Vue 内置的 $set() 方法，这个方法会触发响应式的更新，如果是一个新的属性，它会被 Vue.js 自动添加到响应式系统中。

另一种更改属性的方法是直接修改 Vue 对象的属性，但是要注意，如果是新的属性，Vue.js 不会自动添加它到响应式系统中。 如果你需要添加新的属性，需要使用 Vue.set() 方法。

Vue.set() 方法可以用来添加新的属性到 Vue 对象中，同时也会触发响应式的更新。

另外，也可以使用 Vue.delete() 方法来删除 Vue 对象的属性，并触发响应式的更新。

总之，要更新 Vue 对象的属性，可以使用 $set() 方法，或者直接修改属性，并使用 Vue.set() 或 Vue.delete() 方法来添加或删除新的属性。

六、vue中mounted能改变data吗？

mounted能改变data的值，主要是在初始化的时候修改页面的值。

七、手机vue字体颜色怎么改变？

vue字体无法变颜色，这是app的限制，可以联系开发商反馈。

八、vue挂载之后还能修改变量吗？

vue挂载之后不能修改变量了，因为挂载的实体是通过这个变量来确定的

九、vue中class怎么进行判断改变颜色？

template <ul> <li v-for="tab in tabs" :class="{ 'is-active': tab.isSelected}"> <a :href="tab.href" @click="selectTab(tab)">{{tab.name}}</a> </li> </ul> script selectTab(selectedTab) { this.tabs.forEach(tab => { tab.isSelected = (tab.name == selectedTab.name); }) }

十、vue中css怎么进行判断改变颜色？

template <ul> <li v-for="tab in tabs" :class="{ 'is-active': tab.isSelected}"> <a :href="tab.href" @click="selectTab(tab)">{{tab.name}}</a> </li> </ul> script selectTab(selectedTab) { this.tabs.forEach(tab => { tab.isSelected = (tab.name == selectedTab.name); }) }